前后端分离（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")
}

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

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