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

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

懒啦

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

阅读量782

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_47648083/article/details/122820459

版权

vue 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

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

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

// 挂载路由导航守卫
router.beforeEach((to,from, next)=>{
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行，有两种写法如下：
  // next() 放行   next('/login') 强制跳转

  // 如果用户访问登录页，直接放行
  if(to.path === '/login') return next();
  // 从sessionStorage中获取到保存的token值
  const tokenStr = window.sessionStorage.getItem('token');
  // 没有token，强制跳转到登录页
  if(!tokenStr) return next('/login')
  next()
})