vue配置開發，測試，生產環境api

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就是調用的測試接口地址