登录也登录成功后保存token
/ 保存用户名
sessionStorage.setItem("username", data.user.name);
sessionStorage.setItem("token", data.token);
sessionStorage.setItem("userId", data.user.id);
sessionStorage.setItem("roleId", this.ruleForm.role);
sessionStorage.setItem("userinfo", JSON.stringify(userInfo));
在router.js中设置路由前置守卫
// 设置路由的前置守卫(路由跳转之前)
router.beforeEach((to, from, next) => {
const name = sessionStorage.getItem("username");
const token = sessionStorage.getItem("xb-token");
console.log(to.name)
if(to.name == 'PrescriptionHomepage'){
$('.home-main').css({"background": "#000000"});
}else{
$('.home-main').css({"background": "#eef3f9"});
}
if (to.name === 'Login' || to.name === 'Register' || to.name === 'RegistrationAgreement' || to.name =='SignatureAgreement') {
next();
} else {
if (token) {
if (name) {
next();
} else {
router.push("/xb-login")
}
} else {
Message.warning('请先登录');
router.push("/xb-login");
}
}
});