挂载路由导航守卫，控制访问权限

最新推荐文章于 2023-08-11 15:08:09 发布

chenkhcn

最新推荐文章于 2023-08-11 15:08:09 发布

阅读量561

点赞数 1

文章标签： vue.js

本文链接：https://blog.csdn.net/Crazykun/article/details/107933617

版权

// 挂载路由导航守卫,控制访问权限
router.beforeEach((to, from, next) => {
  // 如果用户访问登录页，直接放行，next
  if (to.path === '/login') {
    return next()
  }
  // 用户不是访问登录页，获取浏览器sessionStroage中的token
  // 存在的的话，放行，
  // 不存在的话，跳转至登录页
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) {
    // 不存在
    return next('/login')
  } else {
    // 存在
    return next()
  }
})