1、在config下面配置test.env.js 、pro.env.js、dev.env.js
![Vue 配置生产环境、测试环境和开发环境的请求插图 Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/230c787224c0bf102bb28e1ab5d68298.png)
![Vue 配置生产环境、测试环境和开发环境的请求插图(1) Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/8be856a0a6520b5391269b23c57bfada.png)
![Vue 配置生产环境、测试环境和开发环境的请求插图(2) Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/18c097030490e122de697ce5dfd9d55b.png)
这里面的配置得用双引号包着,不然会报错,打包不通过的
2、config中的index.js 文件中build.修改:
![Vue 配置生产环境、测试环境和开发环境的请求插图(3) Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/996fbb9d9f8c3ebb53f6b48cddf7303b.png)
3、在build中Webpack.prod.conf.js做如下修改
![Vue 配置生产环境、测试环境和开发环境的请求插图(4) Vue 配置生产环境、测试环境和开发环境的请求插图(4)](https://img-blog.csdnimg.cn/img_convert/5a793ab97d0c9325c9f5cd6ee0d1671d.png)
4、在 build下面的webpack.base.conf.js改变
主要是因为公司部署环境打包之后资源文件会多个idc-client的绝对路径(在第二步中可以看到打包资源路径的配置),所以这边要更改,如果不加process.env.node_ENV === ‘testing’,会使用开发环境
![Vue 配置生产环境、测试环境和开发环境的请求插图(5) Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/834a50a9d0a2f6f8db1efe9d907e878a.png)
5、配置请求URL路径
![Vue 配置生产环境、测试环境和开发环境的请求插图(6) Vue 配置生产环境、测试环境和开发环境的请求](https://img-blog.csdnimg.cn/img_convert/a45e1516f5b83fc214959a16b884b220.png)
6、要确定安装了cross-env
npm install cross-env -save-dev