标签：vue 测试 conf js api build env test prod

npm run build 调用开发环境接口，打包开发环境
npm run build:test 调用测试环境接口，打包测试环境
npm run build:prod 调用生产环境接口，打包生产环境

vue项目用vue-cli脚手架安装完成之后，生成的项目中会有build,config这两个文件夹

 

 

1、在build文件下新建webpack.test.conf.js

在build文件下新建webpack.test.conf.js，将webpack.prod.conf.js内容复制过来。
修改webpack.test.conf.js文件
将const env = require('../config/prod.env')；
修改为：const env = require('../config/test.env')；

2、在config文件下新建test.env.js

在config文件下新建test.env.js，将prod.env.js内容复制过来；
分别在dev.env.js,test.env.js,prod.env.js中定义变量API_ROOT，
dev.env.js

 

test.env.js

 

prod.env.js

 

 

3、在build文件下新建test.js

 

把build.js 内容复制到test.js

将

const webpackConfig = require('./webpack.prod.conf')

修改为：

const webpackConfig = require('./webpack.test.conf')

4、修改package.json

 

 配置axios请求的时候，接口地址直接调用 process.env.API_ROOT 就好了，

 

打包的时候执行 npm run build:test就是调用的测试接口地址

标签：vue,测试,conf,js,api,build,env,test,prod
来源： https://www.cnblogs.com/edczjw-Edison/p/12372115.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。