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

Question

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()
}
})

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

Answer 1

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

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()
    })

您的采纳就是我最大的动力，谢谢！！！