react项目中如何提出可供打包后修改的配置文件？

Question

在react项目中我们打包后，后端的服务地址可能并不是固定的，那么当他们需要把项目发布在不同服务器上的时候就需要我们手动修改服务地址，并重新打包。我能不能在前端提出一个配置文件，让他们自己去修改前端请求的服务地址，具体如何做的呢，请指教

Answer 1

利用一个 settings.js 配置好放在 html 里面靠前面部分引入，然后配置 webpack 的 externals 字段，那么即使找不到这个 settings 模块，编译也不会报错，settings.js 可以放在 public 里面作为资源文件。

如果是后台的服务部署的原因，其实可以利用域名加 nginx 转发来实现一致的 api 地址。

也可以在代码中写死，根据浏览器页面的地址 hostname 来判断是哪个环境，然后输出不同的 baseURL.