Vue.js 访问vuex商店';.js文件中的状态
auth.js store.jsVue.js 访问vuex商店';.js文件中的状态,vue.js,vuejs2,vuex,Vue.js,Vuejs2,Vuex,auth.js store.js export default { state: { token: localStorage.getItem('token') || null, }, getters: { authToken: state => state.token, }, 现在我想从任何.js文件中获取令牌。我尝试了以下操作,但我发现无法读取未定义的属性状态。如果我使用getter,那么错误是无法读取未定义的属性getter config.js import Vue
export default {
state: {
token: localStorage.getItem('token') || null,
},
getters: {
authToken: state => state.token,
},
现在我想从任何.js
文件中获取令牌。我尝试了以下操作,但我发现无法读取未定义的属性状态。如果我使用getter
,那么错误是无法读取未定义的属性getter
config.js
import Vue from 'vue'
import Vuex from 'vuex'
import auth from './modules/auth'
Vue.use(Vuex)
export const store = new Vuex.Store({
modules: {
auth,
},
})
文件结构:
import {store} from '../../store/store'
// const token = store.getters.authToken;
const token = store.state.auth.token;
编辑:
src/
services/
config/
config.js
store/
modules/
auth.js
store.js
试试2017年的答案,简单明了
记住使用默认导出从2017年开始尝试这个答案,它简单明了
请记住使用默认导出该错误意味着您没有正确导入存储
对象,因此它将解析为未定义
。您确定路径是。/../store/store
?你确定是config.js
文件引发了错误吗?@thanksd我确定路径正确,错误来自config.js
,我添加了一些警告
嗯,不确定。虽然我希望export'default'(导入为'store')
错误仅在您试图通过import store from…
导入时发生。该错误意味着您没有正确导入store
对象,因此它将解析为未定义的。您确定路径是。/../store/store
?你确定是config.js
文件引发了错误吗?@thanksd我确定路径正确,错误来自config.js
,我添加了一些警告
嗯,不确定。尽管我预计只有当您试图通过导入存储从…
导入时,才会出现export'default'(导入为'store')
错误。
warning in ./src/services/config/config.js
"export 'default' (imported as 'store') was not found in
'../../store/store'