<p style="text-align: left">
index.js
Meta:{requireAuth:true},
main.js
在main.js内直接写对路由的验证
{
if (to.matched.some(record => record.Meta.requireAuth)){ // 判断该路由是否需要登录权限
if (sessionStorage.getItem("access_token")) { // 判断当前的token是否存在
next();
}
else {
next({
path: '/manage',query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由
})
}
}
else {
next();
}
});
总结
以上所述是小编给大家介绍的vue 设置路由的登录权限的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/vue/31698.html