Vue路由导航守卫

如果用户没有登陆,但是直接通过URL访问特定页面,需要重新导航到登陆页面,这时就需要路由导航守卫,做一个跳转。

配置方式:

// 挂在路由导航守卫
// 如果用户没有登陆,但是直接通过URL访问特定页面,需要重新导航到登陆页面
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 从哪个路径跳转而来
  // next 是一个函数,表示放行
  // 如果是访问登陆页面直接放行
  if (to.path === '/login') return next()
  // 获取token
  const token = window.sessionStorage.token
  // 如果没有token 跳转到登陆页面
  if (!token) return next('/login')
  // 否则直接放行
  next()
})

猜你喜欢

转载自www.cnblogs.com/liea/p/11794468.html