Vue路由导航跳转中页面无法实现跳转

在设置路由导航卫士的时候，一开始很可能只设置了自己的想要拦截的界面

// 挂载路由导航守卫  限制直接访问home界面
router.beforeEach((to, from, next) => {
  // to 表示将要访问的路径
  // from 表示从哪个路径过来
  // next 是一个函数，表示直接放行   next():放行  next('/login'):强制跳转
  if (to.path == '/login') return next();
  if (!sessionStorage.getItem('login_right')) {
    return next('/login');
  }
})

上图的这种情况只能在自己访问的界面的路径是login的情况下才能被允许访问，倘若通过自己写的login的登录按钮进行页面跳转的时候则会出现页面无法刷新的问题。

记住在最后写了一个next放行函数，才会对自己没有在路由导航中限制的路径放行。