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()
   }
 })
原文地址:https://www.cnblogs.com/QxkWeb/p/7346796.html