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

// 挂载路由导航守卫  限制直接访问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放行函数,才会对自己没有在路由导航中限制的路径放行。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐