aquí está la función router.beforeEach, cuando el cliente no está autenticado, navega a la página de inicio de sesión.
router.beforeEach(async (to, from, next) => { if ( to.name !== 'signup' || to.name !== 'login' ) { if (await checkAuth()) { next() } else { next({name: 'login'}) } } else { next() } })Es por cómo escribes tu condición.
si va a iniciar sesión en la página mientras no está autenticado, el flujo es así:
'login' !== 'signup' (verdadero)await checkAuth() (falso)Tal vez quisiste decir:
const pagesForAuthOnly = [] const pagesForGuestsOnly = ['login', 'signup'] const authenticated = await checkAuth() if (pagesForAuthOnly.includes(to.name)) { if (authenticated) { next() } else { next({ name: 'login' }) } } else if (pagesForGuestsOnly.includes(to.name)) { if (authenticated) { next({ name: 'home' }) } else { next() } } else { next() }