首页 > 其他 > 详细

Vue路由导航守卫

时间:2019-11-04 22:24:00      阅读:112      评论:0      收藏:0      [点我收藏+]

如果用户没有登陆,但是直接通过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()
})

 

Vue路由导航守卫

原文:https://www.cnblogs.com/liea/p/11794468.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!