vue-router 简单的权限处理

//使用钩子函数对路由进行权限跳转
router.beforeEach((to, form, next) => {
//得到用户信息
  let role
  if(Vue.$cookies.get("#####")){
    role = Vue.$cookies.get("#####")
  }
  //没有信息 并且跳转的页面不是登录 或者注册页面 ,强制跳转登录页面
  if (!role && (to.path !== '/login' && to.path !== '/register')) {
    next('/login')
  } 
  //有信息 则随意跳转
   else {
    next();
  }
})

这里使用了cookies存储用户信息 如果有cookies 则拥有使用权限 可以跳转页面,没有用户信息 则只能跳转 登录 和 注册页面

你可能感兴趣的:(vue-router)