How to access the new instance of vue in the secondary wrapper file of axios, and why the instance of vuex accessed is undefined

vuex:

import axios from "axios";
import ip, {token} from "./ip";
import store from "@/store";
console.log(store); // storeundefined

import Store from "@/utils/store";


// cookie
axios.defaults.withCredentials = false;
// 
axios
  .interceptors
  .request
  .use(config => {
    config.headers.common["Authorization"] = Store.get("token");
    return config;
  }, error => {
    return Promise.reject(error);
  });

export default axios;

  1. was not introduced to the directory folder that should be released;
  2. store in src/store/index.js?

    import Vue from 'vue'
    import Vuex from 'vuex'
    
    const state={ ...}
    ...
    
    Vue.use(Vuex)
    
    const store = new Vuex.Store({
      state,
      getters,
      actions,
      mutations
    })
    
    export default store
import store from '@/store'
xxx = store.getters.token

const store = require ('.. / store/index');
console.log (store); / / Store {_ committing: false, _ actions: { .

but you can import

using the require method.

has it been solved? I also encountered this problem.
my store/index:

import Vue from 'vue'
import Vuex from 'vuex'
import app from './modules/app'
import user from './modules/user'
import getters from './getters'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    app,
    user
  },
  getters
})

export default store

notice that there is a import user from'. / modules/user'
above and modules/user.js says this:

import { login, logout, getInfo } from '@/api/login'

the following interface is quoted here. Remove this sentence and then be fine. It's strange, but it's definitely illogical.
have you solved it

?
Menu