[Vuejs]-Page reload on a dynamic route empties Vuex store (NuxtJS)

by

0👍

✅

Yes, on reload the data from store will be gone. The proper way would be if the data is needed for whole app -> load it in nuxtServerInit action

If the data need of few pages, you just should check if the data is available and if its not available load it in fetch method.

You could also try to use vuex perrsisted state, but it can have its own quirks. https://github.com/robinvdvleuten/vuex-persistedstate/issues/54#issuecomment-414605839

0👍

do like this then your problem will solve

npm install vuex-persistedstate

// store/index.js

import Vuex from 'vuex';
import createPersistedState from 'vuex-persistedstate'
const createStore = () =>
  new Vuex.Store({
plugins: [createPersistedState()],
    state: {
      agencies: []
    },
    mutations: {
      changeAgencies(state, agencies) {
        state.agencies = agencies.sort(
          (agencyA, agencyB) =>
            agencyA.weather.currently.cloudCover - agencyB.weather.currently.cloudCover,
        );
      }          
    }
  });

export default createStore;

Leave a comment