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
Es el comportamiento esperado. El estado de Vuex se mantiene en la memoria y cuando recarga la página, se purga.
En lugar de este estado
export const state = () => { return { bots: [] } }prueba esto
export const state = () => ({ bots: [] })