router中的index.js挂载路由导航守卫

最新推荐文章于 2024-04-16 14:30:17 发布

爱吃java的羊儿

最新推荐文章于 2024-04-16 14:30:17 发布

阅读量76

点赞数 2

分类专栏： spring boot+vue前后端分离项目文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_73735007/article/details/134393751

版权

spring boot+vue前后端分离项目专栏收录该内容

17 篇文章 0 订阅

订阅专栏

//出现问题时使用
const originalPush=VueRouter.prototype.push
VueRouter.prototype.push=function push(location,onResolve,onReject){
if(onResolve||onReject)return originalPush.call(this,location,onResolve,onReject)
return originalPush.call(this,location).catch(err=>err)
}
//挂载路由导航守卫
router.beforeEach((to,from,next)=>{
    //to将要访问
    //from从哪访问
    //next接着干 next（url）重定向到url上 next（）继续访问to路径
    if(to.path=='/login')return next();
    //获取user
    const userFlog=window.sessionStorage.getItem("user");//取出当前用户
    if(!userFlog)return  next('/login');//无值，返回登录页
    next();//符合要求，放行
})