路由导航守卫控制页面访问权限

最新推荐文章于 2022-03-28 10:31:33 发布

没有了糖的可乐

最新推荐文章于 2022-03-28 10:31:33 发布

阅读量263

点赞数 1

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_35784897/article/details/107908359

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

如果用户没有登录，通过URL访问特定的页面，需要重新导航到登录页面

/**
 * 挂载路由导航守卫
 * to 将要访问的路径
 * from 代表从哪个路径跳转过来
 * next 是一个函数，表示放行  next() 放行、 next('/login) 强制跳转
 */
router.beforeEach((to, from, next) => {
  if (to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) {
    return next('/login')
  }
  next()
})