登陸可以用上節上的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")
}

這樣你的登陸狀態就可以儲存到本地，然後再發請求去

請求你的個人資訊，包括角色，許可權，選單等。