Почему store.getters в Роутере beforeEnter получает до того как в Vuex actions отработает axios?

Question

[Vitalionus]

В actions идет запрос axios
Но в роутере в beforeEnter store.getters получает старые данные и не успевает получить новые
В чем причина?

path: '/test',
    name: 'test',
    component: test,
    beforeEnter: (to, from, next) => {
      if (!store.getters.get_test_id) {
        next({ name: 'error' });
      } else {
        next();
      }
    },

Это в store

state: {
test_id: null
},
mutations: {
    set_test_id(state, n) {
      state.test_id = n;
    },
  },
getters: {
    get_test_id: state => state.test_id,
  },
actions: {
    regID({ commit }) {
      axios.post('/site/')
        .then((response) => {
          commit('set_test_id', response.data); // response.data = 555
        });
    },
  },

Как сделать что бы в роутер успевал получить test_id измененную?

В main.js

const app = new Vue({
  router,
  render: h => h(App),
  store,
  created() {
    store.dispatch('regID');
  },

Comments

[Rustam Azizov]

По тем кускам кода, которые вы предоставили понять почему не работает не получится. Всё зависит от того, как долго отвечает сервер на запрос '/site/' и от того как быстро вызывается '/test', или, возможно, вы не всё сюда поместили, так что сложно сказать. Лучше добавьте пояснений.

[Игорь]

Ну так роутинг отработает первым.
Не желе чем App created

Это же очевидно.

[Игорь]

Каково цель вашего?

if (!store.getters.get_test_id) {
        next({ name: 'error' });
      } else {
        next();
      }