欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VueRouter全局路由守卫

程序员文章站 2022-03-24 17:53:13
...
// 挂载路由导航守卫 全局路由守卫
router.beforeEach((to,from,next) => {
  // to 将要访问的路径 
  // from 代表从哪个路径跳转而来的
  // next 是一个函数 表示放行  next()直接放行  next('/login')强制跳转
  
  // 如果将要访问的页面是/login,则直接放行
  if(to.path === '/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token');
  // 如果tokenStr不存在,则跳转到登录页
  if(!tokenStr) return next('/login');
  // 如果tokenStr存在,则直接放行
  next();
})
相关标签: Vue