vue路由拦截

要点一:

 {
       path: '/Home',
      name: 'home', 
// 需要登录才能进入的页面可以增加一个meta属性 meta: { requireAuth: true },
要点二:
在路由入口文件:
router.beforeEach((to, from, next) => {
if(to.meta.auth){{// 判断是否需要登录权限 if (localStorage.getItem('username'))
{// 判断是否登录 next() } else {// 没登录则跳转到登录界面 next({
        path: '/Register',
        query: {redirect: to.fullPath}
       })
     }
   } else {
     next()
   }
 })
posted @ 2017-08-11 16:53  情绪控攻城狮  阅读(302)  评论(0编辑  收藏  举报