Vue-cli项目根据线上环境和测试环境分别打出测试包和生产包教程
Step1、package.json中新增命令行脚本test命令,并指向build文件夹下的test.js。
image.png
Step2、在在build文件夹中新建test.js,内容可以直接拷贝同目录build.js内容,修改一些参数 这样就多了个test环境
image.pngStep3、 在build文件夹中新建webpack.test.conf.js,内容可以直接拷贝同目录webpack.prod.conf.js内容,修改一些参数。
image.png这样构建时就会去config文件夹下的test.env.js寻找环境变量。
Step4、在config下创建test.js文件
image.pngStep5、在封装的axios.js的文件夹下创建config.js
image.pngStep6、在封装的axios引入config.js
image.png封装的get 和post请求
image.pngStep7、在config文件下的index增加test模块(可复制build)
并更改相应的参数。
image.png
网友评论