1、在项目中定义了一个对axiox进行配置的文件,其中需要引入vuex,在response的status状态不等于200的时候改变store中的值。但是一直引入store文件时,打印出来一直是undefined。mian.ts文件中也引入了store,确是可以打印出来东西的。
2、截图
文件目录
打印结果
import axios from 'axios'
import { Message } from 'element-ui'
import { getToken, setCookie, getCookie } from '@/utils/auth'
import store from '@/store/index'
console.log('store', store)
4、index.ts文件
import Vue from 'vue'
import Vuex, { StoreOptions } from 'vuex'
import { RootState } from './modules/types'
import { app } from './modules/app'
import { user } from './modules/user'
import { permission } from './modules/permission'
Vue.use(Vuex)
const store: StoreOptions = {
state: {
version: '1.0.0'
},
modules: {
app,
user,
permission
}
}
export default new Vuex.Store(store)
5、入口文件mian.ts
import Vue from 'vue'
import App from './App.vue'
import router from './router/index'
import store from './store/index'
import './plugins/element'
import components from './components/IcarePhone'
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
import '@/styles/index.scss' // global css
import './icons/index' // icon
import './permission' // permission control
import './utils/base'
// 手动引入 ECharts 各模块来减小打包体积
import 'echarts/lib/chart/bar'
import 'echarts/lib/component/tooltip'
console.log('store', store)
// 全局引入自定义组件
Vue.use(components)
Vue.config.productionTip = false
new Vue({
router,
store,
render: (h) => h(App)
}).$mount('#app')