在实际项目中,通常有这样的需求,在用户没有登录的时候通常时不允许访问除了登录页面之外的页面,这个时候就需要使用路由导航守卫来控制跳转了,通常设置如下
在router文件夹下的index.js中添加如下代码
//为路由对象,添加beforEach导航守卫
router.beforEach ((to,from,next)=>{
//to 将要访问的路径
// from 代表从哪个路径跳转而来
//next 表示放行函数
// next() 直接放行 next('/xxx') 强制跳转
if(to.path === '/login') return next();
const token = window.sessionStorage.getItem('token)
if(!token) return next('/login')
next()
})
本文地址:https://blog.csdn.net/gl19980514/article/details/107353310
如对本文有疑问, 点击进行留言回复!!
同事牛逼啊,写了个隐藏 bug,我排查了 3 天才解决问题!
【JavaScript笔记(一)】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
网友评论