So beheben Sie den unendlichen Umleitungsfehler des Vue Routers

Question

In router.beforeEach möchte ich überprüfen, ob das SessionToken bereits im Speicher vorhanden ist, und wenn nicht, zur Anmeldeseite weiterleiten, um es abzurufen, erhalte jedoch die folgende Fehlermeldung:

Navigation Guard hat beim Springen von „/“ zu „/login“ eine unendliche Weiterleitung erkannt. Um einen Stapelüberlauf zu vermeiden, brechen Sie die Navigation ab. Wenn dies nicht behoben wird, führt dies zu Problemen in Produktionsumgebungen. 

Code in meinem router.js:

<code>router.beforeEach((to, from, next) => {
  if(ENV == 'Entwicklung') {
    let sessionStorage = storage.sessionStorageGet('_sessionToken')
    if (sessionStorage === null) next({ name: 'Login' })
    sonst weiter()
  }
})
</code>

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();
    }
  }
});