前后端分离（VUE+SPRINGBOOT）六 登陆

登陆可以用上节上的axios进行登陆操作

登陆后本地保存登陆状态，具体代码如下：

handleLogin() {   this.$refs.loginForm.validate(valid => {     if (valid) {       this.loading = true       this.$store.dispatch('Login', this.loginForm).then(data => {         this.loading = false         if ("success" === data.result) {           this.$router.push({path: '/'})         } else {           this.$message.error("账号/密码错误");         }       }).catch(() => {         this.loading = false       })     } else {       return false     }   }) } Login({commit, state}, loginForm) {   return new Promise((resolve, reject) => {     api({       url: "login/auth",       method: "post",       data: loginForm     }).then(data => {       if (data.result === "success") {         //cookie中保存前端登录状态         setToken();       }       resolve(data);     }).catch(err => {       reject(err)     })   }) } export function setToken() {   return Cookies.set(LoginKey, "1") }

这样你的登陆状态就可以保存到本地，然后再发请求去

请求你的个人信息，包括角色，权限，菜单等。