加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 03:10:05 所属栏目:百科 来源:网络整理
导读:p style="text-align: left" index.js 将需要登录权限的路由设置meta属性 main.js 在main.js内直接写对路由的验证 { if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限 if (sessionStorage.getItem("access_token"))

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

index.js

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

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 设置路由的登录权限的方法。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读