在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。
前言
在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。
代码
/*
* @Description:
* @Author: lxc
* @Date: 2019-07-02 16:14:07
* @LastEditTime: 2019-08-14 16:08:19
* @LastEditors: lxc
*/// 导出 store 的地方import Vue from 'vue'import Vuex from 'vuex'import state from './state'import actions from './actions'import mutations from './mutations'import getters from './getters'import canteen from './modules/canteen'import contact from './modules/contact'import health from './modules/health'import scan from './modules/scan'Vue.use(Vuex)let storeconst initStore = () => {
return store || (store = new Vuex.Store({
// 存放公用数据
state,
// 异步操作要通过actions,否则通过cimmit直接操作mutations
actions,
// 同步放数据
mutations,
getters,
modules: {
// store 模块....
}
}))}export default initStore其它js文件中如何调用:
import store from '@/store'const TOKEN = 'testToken'// 这里只是举个例子function getToken() {
return isNotEmpty(store().state.token) ? store().state.token : TOKEN}