不少小伙伴工作中用的 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
2.配置package.json
3.request.js
结语
以上是针对开发过程遇到具体问题的解决办法,因为限于时间和个人水平,实现方法可能很low,也希望有好的建议请分享出来供大家学习
大牛有好的建议请留言,先感谢您的建议!