vue + springboot realisiert die Login-Funktion

async submitForm(Benutzer) {
        dies.$refs[Benutzer].validate((gültig) => {
               wenn(gültig){
                        Alarm("Benutzer");
                        dies.$axios.post("http:localhost:8087/user/login?code="+this.code,user).then(res => {
                            Alarm("Erfolg")
                             wenn(res.data.state){
                                 alert(res.data.msg+"Anmeldung erfolgreich, werde gleich zur Startseite springen...");
                             }
                             anders{
                                 Alarm (res.data.msg);
                             }
                        });
                    }
                    anders{
                        gibt false zurück;
           }
   });
},

if (gültig) {
        Konsole.log(dieser.Benutzer);
         dies.$axios.get("http://localhost:8087/user/getCode").dann(res => {
                  Lassen Sie tcode = res.data.toLowerCase();
                  wenn (tcode == dieser.code) {
                                überprüfen(diesen.Benutzer);
                            } anders {
                                alert('Fehler beim Bestätigungscode!');
                            }
                        });
                    }

@GetMapping("/getCode")
    @ApiOperation(value="Bestätigungscode abrufen", notes="Bestätigungscode vom Backend abrufen und an das Frontend senden")
    öffentliche Zeichenfolge getCode (HttpServletRequest-Anforderung) {
        Zeichenfolgenschlüssel = (Zeichenfolge)request.getServletContext().getAttribute("Code");
        log.info("Schlüssel:[{}]",Schlüssel);
        Eingabetaste;
    }

//BenutzerController
 @PostMapping("/Anmelden")
    @ApiOperation(value = "Anmeldung am System", notes = "Anmeldung am Mitarbeiterverwaltungssystem")
    öffentliche Map<String,Objekt> login(@RequestParam String Name,@RequestParam String Pwd){
        System.out.println(Name+" "+Pwd);
        Map<String,Objekt> map = neue HashMap<>();
        versuchen{
            Benutzer userdb = userService.login(Name,Pwd);
            map.put("Zustand",true);
            map.put("msg","Anmeldung erfolgreich");
            map.put("Benutzer",Benutzerdb);
        }fang(Ausnahme e){
            e.printStackTrace();
            map.put("Zustand",falsch);
            map.put("msg",e.getMessage());
        }
        log.info("[{}]",map.toString());
        Rückfahrkarte;
    }

//BenutzerServiceImpl
 @Überschreiben
    öffentliche Benutzeranmeldung(String Name,String Pwd) {
        Benutzer userDB = userMapper.selectByName(Name);
        if(!ObjectUtils.isEmpty(userDB)){
            wenn (userDB.getPwd().equals(Pwd)) {
                Benutzer-DB zurückgeben;
            }
            anders{
                throw new RuntimeException("Falsches Passwort");
            }
        }
        anders{
            throw new RuntimeException("Benutzer existiert nicht");
        }
    }

//UserMapper.java
Benutzer selectByName(Stringname);

<!--UserMapper.xml-->
 <select id="selectByName" parameterType="String" resultType="com.sunset.system.entity.User">
        Wählen Sie ID, Name, Alter, Geschlecht, Passwort, Abteilung, Gehalt
        vom Benutzer, wobei Name = #{name}
</Auswählen>

asynchrone Funktion überprüfen (Benutzerinfo) {
      const {data: res} = warte auf „VerifyUser(Benutzerinfo);“
      konsole.log(res);
          wenn (res.state == true) {
               _diese.$nachricht({
                 Titel: „Verifizierung erfolgreich“,
                 Nachricht: „Willkommen im Mitarbeiterverwaltungssystem“,
                  Typ: „Erfolg“
            });
      window.location.href = "http://www.baidu.com";
      //warte _darauf.$router.push("http://www.baidu.com");
       } anders {
           _diese.$nachricht({
            Titel: „Verifizierung fehlgeschlagen“,
         Nachricht: res.msg,
          Typ: „Fehler“
       })
       gibt false zurück;
     }
}

export const verifyUser = (Benutzer) => {
    Rückgabeanforderung({
        URL: "/Benutzer/Login",
        Methode: 'post',
        Parameter: {
            Name: Benutzer.Name,
            Kennwort: Benutzer.Kennwort
        }
    })
}

Axios von „Axios“ importieren

const Instanz = axios.create({
  baseURL: 'http://localhost:8080', //Port des Backend-Projekts Timeout: 10000,
  Kopfzeilen: {'X-Custom-Header': 'foobar'}
});

Standardinstanz exportieren;