vue 路由守卫

router.beforeEach((to, from, next) => {  
  const nextRoute = [ 'login']; 
  var token = window.localStorage.token;  
  if(token > 0 ){
   next(); 
  }else{
   // next({ path: '/login', replace: true, query: { noGoBack: true } })
   if (nextRoute.indexOf(to.name) == 0) { // 在免登录白名单,直接进入
     next();  //记得当所有程序执行完毕后要进行next(),不然是无法继续进行的;
   }else{
     next({ path: '/login', replace: true })
   }
 }

})  
这个写在router.js页面export default router上面就可以

nextRoute 白名单地址
判断token是否大于0,是的话,代表token存在,是登陆过的,可以next();正常打开页面,否则就跳到登陆页面。
这个是拿token来判断,用别的修改if判断的条件就可以

posted @ 2019-04-11 16:47  javahcke  阅读(175)  评论(0编辑  收藏  举报