vue中如果token没有时，路由拦截到登录页

大可-

已于 2023-10-18 15:46:01 修改

阅读量546

点赞数

文章标签： vue.js 前端 javascript

于 2023-07-14 17:27:57 首次发布

本文链接：https://blog.csdn.net/m0_55333789/article/details/131728473

版权

在Vue应用中，使用VueRouter进行导航守卫设置，引入`isRedirected`标志位防止重复重定向。当用户未登录且未发生过重定向时，将用户导向登录页；若已登录并尝试访问登录页，则重定向至主页。

摘要由CSDN通过智能技术生成

引入了一个标志位 isRedirected 来追踪重定向操作，并将其默认设置为 false。当进行重定向操作时，设置 isRedirected 为 true，以避免重复的重定向。

let isRedirected = false;

router.beforeEach((to, from, next) => {
  const token = sessionStorage.getItem('token');
  const isLoggedIn = token !== null;

  if (!isLoggedIn && !isRedirected) {
    isRedirected = true;
    next('/login');
  } else if (isLoggedIn && to.path === '/login') {
    next('/home');
  } else {
    next();
  }
});

关注博主即可阅读全文