从您调用的module中导出商店createStore。然后你可以确信它会被创建并且不会污染全局窗口空间。

我的商店.js

const store = createStore(myReducer);
export store;

或者

const store = createStore(myReducer);
export default store;

我的客户端.js

import {store} from './MyStore'
store.dispatch(...)

或者如果您使用默认值

import store from './MyStore'
store.dispatch(...)

对于多个商店用例

如果您需要一个商店的多个实例，请导出工厂函数。我建议制作它async（返回 a promise）。

async function getUserStore (userId) {
   // check if user store exists and return or create it.
}
export getUserStore

在客户端（在一个async块中）

import {getUserStore} from './store'

const joeStore = await getUserStore('joe')

找到了解决办法。所以我在我的 api util 中导入商店并在那里订阅它。在该侦听器函数中，我使用新获取的令牌设置了 axios 的全局默认值。

这是我新的api.js样子：

// tooling modules
import axios from 'axios'

// store
import store from '../store'
store.subscribe(listener)

function select(state) {
  return state.auth.tokens.authentication_token
}

function listener() {
  let token = select(store.getState())
  axios.defaults.headers.common['Authorization'] = token;
}

// configuration
const api = axios.create({
  baseURL: 'http://localhost:5001/api/v1',
  headers: {
    'Content-Type': 'application/json',
  }
})

export default api

也许它可以进一步改进，因为目前它看起来有点不雅。我以后可以做的是向我的商店添加一个中间件，然后在那里设置令牌。

您可以使用store从createStore函数返回的对象（它应该已经在应用程序初始化的代码中使用）。您可以使用此对象通过store.getState()方法获取当前状态或store.subscribe(listener)订阅存储更新。

window如果您真的需要，您甚至可以将此对象保存到属性以从应用程序的任何部分访问它（window.store = store）

更多信息可以在Redux 文档中找到。

您可以Middleware根据如何访问非react组件中的商店？：

中间件

function myServiceMiddleware(myService) {
  return ({ dispatch, getState }) => next => action => {
    if (action.type == 'SOMETHING_SPECIAL') {
      myService.doSomething(getState());
      myService.doSomethingElse().then(result => dispatch({ type: 'SOMETHING_ELSE', result }))
    }
    return next(action);
  }
}

用法

import { createStore, applyMiddleware } from 'redux'
const serviceMiddleware = myServiceMiddleware(myService)
const store = createStore(reducer, applyMiddleware(serviceMiddleware))

进一步阅读：Redux 文档 > 中间件

如果您已经在全局范围内定义了 axios 实例，则像 @sanchit 建议的中间件是一个不错的解决方案。

您可以创建一个中间件，如：

function createAxiosAuthMiddleware() {
  return ({ getState }) => next => (action) => {
    const { token } = getState().authentication;
    global.axios.defaults.headers.common.Authorization = token ? `Bearer ${token}` : null;

    return next(action);
  };
}

const axiosAuth = createAxiosAuthMiddleware();

export default axiosAuth;

并像这样使用它：

import { createStore, applyMiddleware } from 'redux';
const store = createStore(reducer, applyMiddleware(axiosAuth))

它会在每个动作上设置令牌，但您只能监听例如更改令牌的动作。