react http请求_三分钟教你搞定 React 项目多环境配置

在实际项目开发中，前端 er 常常会面对多个环境的接口：开发环境、测试环境、生产环境，所以项目中网络请求的 baseUrl也需要跟随这些环境来变化。

但是，我们一般会使用像 create-react-app或者 umi这样的脚手架来做项目的初始化，这些脚手架将 webpack 的配置黑盒化了，如何在不执行 eject 操作的前提下优雅地配置多个项目环境呢？

在项目中最好不要一遇到问题就一键执行 eject 操作， eject 操作是不可逆的，执行之后会把所有细节都暴露在我们面前，让项目目录变得很庞大。

create-react-app 配置多环境接口

其实查看 create-react-app 的官方文档可以发现，create-react-app 默认是支持多个环境配置文件的：

• .env：默认。
• .env.local：本地覆盖。除 test 之外的所有环境都加载此文件。
• .env.development, .env.test,