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

先说下目录结构:

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一闪而过爆出的警告贴出来:

clipboard.png

[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
阅读 9k
4 个回答

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题