Question

我正在研究React + Redux应用程序，我遇到了一些应用程序初始化问题，所以我想问：

如何为应用程序进行初始设置，例如在哪里设置默认请求标头以便与api进行通信？

假设我有一些requestManager模块，它不是反应组件。它是代理之王，它为每个请求添加了适当的标头。但是如果用户注销并登录，我需要在标题中设置正确的令牌。

如何实现这一目标？不能反应的组件会监听商店事件吗？

最佳做法是什么？有一些很好的例子吗？

Answer 1

你正在使用webpack。它有一个Define插件，您可以声明一次并随时在每个.js文件中使用

如果您没有使用webpack的经验

https://github.com/petehunt/webpack-howto#6-feature-flags

在webpack配置中。

var definePlugin = new webpack.DefinePlugin({
    'process.env': {
        "NODE_ENV": JSON.stringify("development"),
        "API_HOST": "localhost:3001",
        "API_TOKEN": "my-token"
    }
})

在js文件中

if (process.env.NODE_ENV) { // Yep, just call like that
   //Whatever
   console.log(process.env.API_TOKEN) // print out "my-token"
}

React + Redux＆amp;初始请求配置

1 个答案: