季布, 2022-07-21 16:22 采纳率: 35.1%
浏览 100
已结题

点击没有反应,跳转不了页面,这个路由守卫如何修改?

img

const routes = [
{
// 访问根路径的时候跳转到login
path: '/',
redirect: '/login'
},
{
path: '/login',
name:'login',
component: LoginView
},

{
path:'/register',
component:Register
},
{
path:'/password',
component:UpdatePassword
},
{
path:'/home',
component:()=>
import('../components/Home.vue'),
redirect:'/Dupchecking',
children:[{
path:'/Dupchecking',
component:()=>
import('../components/Dupchecking.vue')
},
{
path:'/Usermanager',
component:()=>
import('../components/Usermanager.vue')
},
{
path:'/Statistics',
component:()=>
import('../components/Statistics.vue')
},

  ]

},
{
path: "/:pathMatch(.*)", // 页面不存在的情况下会跳到404页面
name: 'notFound',
component:()=>
import('../components/Page404.vue')
}

]

router.beforeEach((to,from,next)=>{
const userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
if(!userInfo && to.name !== 'login'){
next({name:'login'})
}else{
next()
}
})

设置了路由守卫之后,注册和修改密码(箭头指的位置)点击没有反应,跳转不了页面,这个路由守卫如何修改?

  • 写回答

3条回答 默认 最新

  • eq0284 2022-07-21 16:35
    关注

    全局守卫写错了
    应该定义不需要被登录拦截的路由数组,
    比如

    const notFilterComponents = ['login', 'register', 'findPassword', '404']
    router.beforeEach((to, from, next) => {
        const userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
        if (!userInfo && notFilterComponents.indexOf(to.name || '') < 0) {
            next({ name: 'login' })
        } else {
            next()
        })
    
    
    

    您的采纳就是我最大的动力,谢谢!!!

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 7月21日
  • 已采纳回答 7月21日
  • 创建了问题 7月21日

悬赏问题

  • ¥20 大华dss监控平台网络关闭登不进去
  • ¥15 有关AT89C51单片机问题
  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包
  • ¥15 comsol压电材料数据
  • ¥35 用python实现除法算法中goldschmidt算法
  • ¥15 汇编代码转换成C代码
  • ¥15 除法算法中的归一化具体是怎么变的?