码迷,mamicode.com
首页 > 其他好文 > 详细

vue 设置路由的登录权限

时间:2017-12-12 12:26:58      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:技术分享   路由   for   span   color   pre   验证   src   需要   

index.js

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

技术分享图片

meta:{requireAuth:true},  

main.js

在main.js内直接写对路由的验证

router.beforeEach((to, from, next) => {
    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 设置路由的登录权限

标签:技术分享   路由   for   span   color   pre   验证   src   需要   

原文地址:http://www.cnblogs.com/learnoffs/p/8026768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!