Как я могу использовать состояние Vuex в файле JS?

Question

Как я могу получить значение состояния Vuex из файла JS?

У меня есть три файла JS:

1. store. js = Vuex .store
2. config. js = Где я сохраняю и экспортирую http как значение по умолчанию для проекта ax ios .create
3. . js = Где запросить http из config . js

Значение store.state.token равно нулю, и при входе в систему я присваиваю ему значение. Но когда я собираюсь сделать запрос, значение остается нулевым, даже если его состояние было изменено.

store. js:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
    state: {
        token: null,
        user_id: null,
        user_active: null,
    },
    getters: {
        token(state) {
            return state.token
        }
    },
    mutations: {
        setToken(state, payload) {
            state.token = payload
        },
        setUserId(state, payload) {
            state.user_id = payload
        },
        setUserActive(state, payload) {
            state.active = payload
        }
    },
})
export default store

config. js:

const axios = require('axios')
import store from '../store/store'

export const http = axios.create({
    baseURL: 'http://localhost:8080/webservice/index.php/',
    headers: {
        "Content-Type": "application/x-www-form-urlencoded",
        "Accept": "application/json, text/javascript, */*;",
        "X-Auth-Token": `${store.getters.token}`, //here's get undefined
        "Access-Control-Allow-Origin": "*",
    "X-Emp": 1,
    }
})

project. js:

import { http } from './config'

export default {
    list(queryString) {
        return http.post('atividade_projeto/get_atividade_projeto_usuarios/', queryString)
    }
}