Ошибка vue-router при проверки авторизации и редиректе, как исправить?

Question

[Айнур Ярулин]

Здравствуйте, есть небольшое приложение, функционал которого сводится только к Войти/Выйти,
но проблема в том, что после авторизации или выхода пользователя Vue-router пишет об ошибке.

The "next" callback was called more than once in one navigation guard when going from "/" to "/". It should be called exactly one time in each navigation guard. This will fail in production

Вот как я проверяю, авторизован ли пользователь:

router.beforeEach((to, from, next) => {
  const auth = getAuth()
  auth.onAuthStateChanged(user => {    
    if (!user && to.path != '/auth') {
      router.push('/auth')
    }
    else if (user && to.path == '/auth') {
      router.push(from.path)
    } 
    else next()
  })
})

Сейчас я решаю эту проблему принудительной перезагрузкой страницы после авторизации
или выхода пользователя, но может есть более лаконичное решение?

Answer 1

[Николай]

UPDATE:

router.beforeEach((to, from, next) => {
  const auth = getAuth()
  auth.onAuthStateChanged(user => {    
    if (!user && to.path !== '/auth') {
      next('/auth')
    }
    else if (user && to.path === '/auth') {
      next(from.path)
    } 
    next()
  })
})

Если я правильно вас понял, вам достаточно лишь проверять, что пользователь не авторизован, если он авторизован, то пускать его на все страницы, тогда второе условие, вам не нужно будет

Comments

[Айнур Ярулин]

Второе условие, это если пользователь авторизован, то пускать его
на все страницы кроме /auth

[Николай]

ТОгда как-то так

router.beforeEach((to, from, next) => {
  const auth = getAuth()
  auth.onAuthStateChanged(user => {    
    if (!user && to.path !== '/auth') {
      next('/auth')
     return
    }
    else if (user && to.path === '/auth') {
      next(from.path)
     return
    } 
    next()
  })
})

next - это уже функция перехода, не надо вам делать router.push (), так как вы повторно вызываете хук beforeEach,
в next() - можно передать адрес, по которому надо перейти, если условия не верное и у вас в обработку этого условия зашел код