Is it necessary to check that the vuex state has already been loaded?

Question

Vue.js

Greetings.
I have a repository where a list of cities is stored

export default new Vuex.Store({
  state: {
    cities: [],
  },
  mutations: {
    SET_CITIES(state, payload) {
      state.cities = payload;
    }
  },
  getters: {
    cities: (state) => {
      return state.cities;
    }
  },
  actions: {
    fetchAllCities(context) {
      axios.get('http://localhost:3000/cities', {
        })
        .then(response => {
            context.commit('SET_CITIES', response.data)
          });
    }
  },
  modules: {}
});

And I have two pages:

{
    path: "/cities",
    name: "Cities",
    component: () =>
      import(/* webpackChunkName: "landing" */ "../views/cities/List.vue")
  },
  {
    path: "/cities2",
    name: "Cities2",
    component: () =>
      import(/* webpackChunkName: "landing" */ "../views/cities/List2.vue")
  },

Both of these components, for their work, require $store.state.cities to be filled, so each one has:

created: function() {
      this.$store.dispatch('fetchAllCities');
  },

But doing so, it turns out that when switching between pages, we will again 1) make an Ajax request (we are not considering caching yet) 2) entering this data into the reactivity

system data, you need to do a check, such as calling such an action from the components:

actions: {
    fetchOnceAllCities(context) {
      if (this.state.cities.length) return; // <-----------
      // loading only one time:
      axios.get('http://localhost:3000/cities', {
        })
        .then(response => {
            context.commit('SET_CITIES', response.data)
          });
    }
  },

Answer 1

Why are you asking us? This is your application. In general, what you are talking about most likely does not require re-upload, so yes, most likely, in your case, verification is needed!
Usually reloading requires lists that can change frequently. In your case, I think that the data is not updated more than once a day / month / year

Answer 2

How to prevent re-execution of axios request?