Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

336
Vistas
Los datos de Vuex no se actualizan al recuperar al recargar el navegador (SSR) Nuxt

Encontré algo sobre este error que expliqué al final;

Códigos de componentes

 async fetch(){ await this.$store.dispatch('bots/getBots') }, computed: { ...mapState('bots', ['bots']) },

Almacenar códigos

 export const state = () => { return { bots: [] } } export const mutations = { UPDATE_BOTS(state, bots) { state.bots = bots } } export const actions = { getBots({commit}) { this.$axios.$get('url', {headers: {uid: '12345'}}) .then(res => { commit('UPDATE_BOTS',res.robots) }) .catch(e => { console.log(e) }) } }

Problema: cuando me muevo entre páginas a través de nuxt-link, los datos se cargan perfectamente, pero cuando vuelvo a cargar, el estado de los bots de la página está vacío...

Problema encontrado: utilizo nuxt-auth y tenía un complemento para verificar el estado de la solicitud de axios de que si era 401 no autorizado, cierro la sesión del usuario si estaba conectado, por lo que el error de estado indefinido era de aquí, pero comenté los códigos del complemento y obtuve otro error de nuxt-auth que causa ese problema que tuve Así que relacioné ese problema en otra pregunta, puede verlo aquí: Error de Nuxt-Auth: busca autenticación en cualquier solicitud de obtención que tenga configuración de encabezados

about 4 years ago · Juan Pablo Isaza
2 Respuestas
Responde la pregunta

0

Es el comportamiento esperado. El estado de Vuex se mantiene en la memoria y cuando recarga la página, se purga.

about 4 years ago · Juan Pablo Isaza Denunciar

0

En lugar de este estado

 export const state = () => { return { bots: [] } }

prueba esto

 export const state = () => ({ bots: [] })
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda