路由前置守卫 设置token存储

登录页登录成功后保存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");
        }
    }
});