登陆可以用上节上的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")
}
这样你的登陆状态就可以保存到本地,然后再发请求去
请求你的个人信息,包括角色,权限,菜单等。