vue 设置路由的登录权限的方法

前端之家收集整理的这篇文章主要介绍了vue 设置路由的登录权限的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<p style="text-align: left">

index.js

将需要登录权限的路由设置Meta属性

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

猜你在找的Vue相关文章