Действие Vuex не добавляет токен localstorage в вызов Axios post

Я использую фляжку в качестве внутреннего сервера. Действие vuex не устанавливает токен из состояния локального хранилища для вызова API Axios. Пожалуйста, помогите мне с тем, что мне не хватает. в настоящее время я застрял здесь, это связано с моим предыдущий вопрос, на который я не получил ответа, поэтому отправляю снова .. Ниже мой код магазина vuex:

Vue.use(Vuex);
export default new Vuex.Store({
  state: {
    // accessToken: JSON.parse(localStorage.getItem('access_token')) || null,
    // refreshToken: JSON.parse(localStorage.getItem('refresh_token')) || null,
    accessToken: localStorage.getItem('access_token') || null,
    refreshToken: localStorage.getItem('refresh_token') || null,
    APIData: '',
  },
actions: {
refreshToken(context) {
      return new Promise((resolve, reject) => {
        console.info(context.state.refreshToken);
        getAPI.post('/refresh', {
          // refresh_token: context.state.refreshToken,
          headers: { Authorization: `Bearer ${context.state.refreshToken}` },
        })
          .then((response) => {
            console.info('New access token granted');
            context.commit('updateAccessToken', response.data.access_token);
            console.info(context.state.accessToken);
            resolve(response.data.access_token);
          })
          .catch((error) => {
            console.info('\'error in refresh:\'', error);
            reject(error);
          });
      });
    },
}