Vue 路由导航守卫

为路由对象添加 beforeEach 导航守卫

const router = new VueRouter({
    
     ... })

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

猜你喜欢

转载自blog.csdn.net/weixin_44640323/article/details/112967230