@Masthead

Причины проблем Hydration Nuxt3?

runtime-core.esm-bun…er.js?v=4c0e2ae5:50 [Vue warn]: Hydration node mismatch:
- rendered on server: 
  
- expected on client: Symbol(v-fgt) 
  at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <Anonymous key="/" vnode= 
{__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …}
 route= 
{fullPath: '/', hash: '', query: {…}, name: 'index', path: '/', …}
  ... > 
  at <RouterView name=undefined route=undefined > 
  at <NuxtPage> 
  at <ThemeWrapper>


Сделал авторизацию. Хотел прогнать через мидлвар кейс, чтобы залогиненный пользователь не мог попадать на страницу auth.

перенаправляет все хорошо, но высвечивается предупреждение (выще) и ошибка Hydration completed but contains mismatches.
Есть какие то скрытые причиныв для этого?

export default defineNuxtRouteMiddleware((to, from) => {
  if (process.client) {
    const token = Cookies.get('Auth-Token')

    if (token && to.fullPath === '/auth') {
      return navigateTo('/')
    }
  }
})
  • Вопрос задан
  • 116 просмотров
Решения вопроса 1
neuotq
@neuotq
Прокрастинация
Простой и скорее всего верный вариант отключить SSR для защищенных роутов в настройках
https://nuxt.com/docs/guide/concepts/rendering#hyb...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы