vue cli3中配置生產環境、開發環境、測試環境

首先在packjson中配置

"scripts": {
    "serve": "vue-cli-service serve", //調用開發api
    "build": "vue-cli-service build", //上線
    "test": "vue-cli-service build --mode test",//需要添加的內容，測試
},

在項目目錄下建立 .env文件和.env.test .env.production文件

NODE_ENV = 'development'
VUE_APP_URL = 'dev'

NODE_ENV = 'production'
VUE_APP_FLAG = 'test'

NODE_ENV = 'production'
VUE_APP_FLAG = 'pro'

判斷自己所處哪個環境

/*第一層if判斷生產環境和開發環境*/
if (process.env.NODE_ENV === 'production') {
    /*第二層if，根據.env文件中的VUE_APP_FLAG判斷是生產環境還是測試環境*/
    if (process.env.VUE_APP_FLAG === 'pro') {
        //production 生產環境
        axios.defaults.baseURL = 'http://api.xinggeyun.com';
 
    } else {
        //test 測試環境
        axios.defaults.baseURL = 'http://192.168.0.152:8102';
 
    }
} else {
    //dev 開發環境
    axios.defaults.baseURL = 'http://192.168.0.152:8102';