如何解决 vue 路由器无限重定向错误？

Question

收到此错误，因为我想签入 router.beforeEach 如果存储中已经有 sessionToken，如果没有，则重定向到我可以检索它的登录：

Detected an infinite redirection in a navigation guard when going from "/" to "/login". Aborting to avoid a Stack Overflow. This will break in production if not fixed.

我的代码在router.js

router.beforeEach((to, from, next) => {
  if(ENV == 'development') {
    let sessionStorage = storage.sessionStorageGet('_sessionToken')
    if (sessionStorage === null) next({ name: 'Login' })
    else next()
  } 
})

Answer 1

const routes = [
  {
    path: '/login',
    name: 'Login',
    component: () => import('../views/login'),
    meta: {
      requiresAuth: false
    }
  },
  {
    path: '/private',
    ... private route config,
    meta: {
      requiresAuth: true
    }
  }
];

router.beforeEach(async (to, from, next) => {
  if (ENV == 'development') {
    
    if (to.matched.some(record => record.meta.requiresAuth)) {
      const sessionStorage = storage.sessionStorageGet('_sessionToken')
  
      if (sessionStorage) {
        next();
      } else {
        router.push({ name: 'Login' });
      }
    } else {
      next();
    }
  }
});

如何解决 vue 路由器无限重定向错误？

How to get around vue router infinite redirection error?

vue.js

vue-router