vue中通過cross-env插件配置三種環境(開發，測試，生產)打包，不用切換api

1. 話不多說，第一步就是安裝必要的插件

     npm install cross-env --save 

2.修改config里面的參數，這里只展示一個test,其他類似

3.修改package.json 文件

"build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
"build:sit": "cross-env NODE_ENV=production env_config=test node build/build.js",
"build:dev": "cross-env NODE_ENV=production env_config=dev node build/build.js"

4.config/index.js （如果用到vue-resource,第四步和第七步可以省略，它會自動匹配域名配置）

5. 在webpackage.prod.conf.js中使用構建環境參數

// const env = process.env.NODE_ENV === 'testing'
//   ? require('../config/test.env')
//   : require('../config/prod.env')
const env = require('../config/'+process.env.env_config+'.env')

 

6. 調整build/build.js

7.怎么使用到不同的api呢？

或者在下面一樣進行配置

 

最后在服務器上執行不同的腳本完美運行~