Vue routing navigation guard

Add beforeEach navigation guard to route object

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()
})

Guess you like

Origin blog.csdn.net/weixin_44640323/article/details/112967230