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')