Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

349
Visualizações
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 Respostas
Responde à pergunta

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 Relatório

0

En lugar de este estado

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

prueba esto

 export const state = () => ({ bots: [] })
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda