不少小伙伴工作中用的 react + ant 来开发。最新的后台管理模板更新到 Ant design Pro4.0，由于高度封装了，很多webpack 配置都傻瓜式了...最近遇到一个问题，一个前端在开发环境中需要对接5个Java 开发，这时候就出现问题了，对接不同人时的ip不同，难道每次修改配置文件连接？这时候需要环境变量来解围

1.安装 cross-env

npm install cross-env --save-dev
或者
yarn add cross-env --dev

对于 npm 和 yarn 的介绍请移步 Npm vs Yarn

2.配置环境变量

了解node的都知道，node默认有开发环境development和生产环境production两个变量，这里不过多讲述。回到问题来，在开发环境 NODE_ENV 默认是development，按照这个思路，我们加一个自己的变量比如：API_ENV 来定义不同ip 下的接口url。下边一步一步来配置：

1. config.js

config.js

2.配置package.json

package.json

3.request.js

request.js

结语

以上是针对开发过程遇到具体问题的解决办法，因为限于时间和个人水平，实现方法可能很low，也希望有好的建议请分享出来供大家学习

大牛有好的建议请留言，先感谢您的建议！