vue-router 点击router-link to，地址栏不变的问题

浅浅的写一下的踩坑。

在router的index.js里面挂载了导航守卫

// 挂载路由导航守卫
router.beforeEach((to,from,next) =>{
  // to将要访问的路径
  // from 代表从哪个路径跳转而来
  // next是一个函数,表示放行
  // next()放行next('/login')强制跳转
  if (to.path === '/login')
  return next()
  
  // 获取token 
  const tokenStr = window.sessionStorage.getItem( 'token')
  if(!tokenStr) return next('/login')
  // if(!tokenStr) alert("请先登录")
  next()
})

限制了其他页面的访问权限，当我在login里面想用子级路由跳转的时候，页面一直在login，地址栏不变。在查看其他的路径等等都没有问题，且有子级路由占位符<router-view></router-view>。

我emo了，怎么回事。啊，突然想到是导航守卫的问题。

解决方法：给子级路由权限即可

if (to.path === '/login/register')
  return next()