(二十五)vue添加路由防卫,防止未登录就随意进入系统页面

1：router.js里面

export default{

  router,

  install(Vue){

  //添加路由防守,防止未登录就随意进入系统页面,登录注册页面除外

router.beforeEach((to,form,next)=>{

  if(to.path.indexOf('/login') !=-1||to.path.indexOf('/register') !=-1){

    return next();

  }

  //Vue.ls.set('Access-Token','')

  var token=Vue.ls.get('Access-Token');

  if(!token){

    return next('/login');

  }else{

    return next();

  }

   

  })

  }

}

 

2:main.js里面

import router from './router/routers.js'

//挂载路由

app.use(router.router)

//启用路由防卫,防止未登录就进入系统页面

app.use(router.install)