Vue-cli项目根据线上环境和测试环境分别打出测试包和生产包教程

Step1、package.json中新增命令行脚本test命令,并指向build文件夹下的test.js。

image.png

Step2、在在build文件夹中新建test.js,内容可以直接拷贝同目录build.js内容,修改一些参数 这样就多了个test环境

image.png

Step3、 在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。

image.png

这样构建时就会去config文件夹下的test.env.js寻找环境变量。

Step4、在config下创建test.js文件

image.png

Step5、在封装的axios.js的文件夹下创建config.js

image.png

Step6、在封装的axios引入config.js

image.png

封装的get 和post请求

image.png

Step7、在config文件下的index增加test模块（可复制build）

并更改相应的参数。

image.png