vue 封装的axios里引用vuex store 报错undefined

Question

先说下目录结构：

src
├─ api
│    ├─ login.js//写好的请求接口
├─ store
│    ├─ getters.js
│    ├─ index.js
│    └─ modules
│           ├─ user.js
├─ utils
│    ├─ request.js//封装的axios

问题是这样的，我现在想在request.js里使用vuex，但是我引进来之后，打印，会一直报错：undefined,就是无论怎样去写路径，就是拿不到，
但是，但是，当我把store/modules/user.js里边引用接口去掉，request里就能拿到了，我就很莫名其妙，
这样就是，vuex里我还不能使用接口了？这样肯定是不对的,贴下代码

request.js:

import axios from 'axios'
import store from '@/store'
console.log(store)//一直一直 undefined!!

login.js

import request from '@/utils/request'
export function login(username, password) {
  return request({
    url: '/user/login',
    method: 'post',
    data: {
      username,
      password
    }
  })
}

store/index.js

import Vue from 'vue'
import Vuex from 'vuex'
import user from './modules/user'
import getters from './getters'
Vue.use(Vuex)
const store = new Vuex.Store({
  modules: {
    user
  },
  getters
})
export default store

store/modules/user.js

import { login} from '@/api/login'

重点就是，我把这句话去掉，request.js里就能拿到store了
我想了一下午还是没想明白啊，求救

经大神提醒，我把webpack一闪而过爆出的警告贴出来：

[HMR] Cannot apply update. Need to do a full reload!
[HMR] Error: Aborted because ./src/utils/request.js is not accepted
Update propagation: ./src/utíls/request.js > ./src/api/mylogin.js » ./src/permission.js » ./src/main.js
at hotApply (http://L index/app.js:441:30)
at http://x/app.js:290:21

Answer 1

request -> login -> user.js -> store -> request
循环引用了，webpack处理不了。我觉得应该有警告或报错的。

Answer 2

这个项目的调用方式跟我上边写的完全一样，他的request.js里就能拿到:
https://github.com/Mrblackant...
所以，到底是不是循环调用的问题呢

Answer 3

我也找了半天问题，原来是
import axios from 'axios'
import store from '@/store'
console.log(store)//一直一直 undefined!!
在这里console.log(store)为时尚早，到拦截器里面就能获取到store了

Answer 4

最后解决没啊