Why does the store.getters in the Router get beforeEnter before the axios in the Vuex actions has completed?

Question

Vue.js

In actions there is an axios request
But in the router in beforeEnter store.getters receives old data and does not have time to receive new ones
. What is the reason?

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

It's in 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
        });
    },
  },

How to make sure that the router has time to get the test_id changed?
In main.js

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