vue-cli3生產環境和開發環境路徑的替換

在根目錄下創建兩個文件，這樣的好處在於不用手動去書寫判斷環境替換路徑代碼

.env.development（開發）

.env.production（生產）

 

內容：

必須是VUE_APP前綴開頭，這樣webpack可以運行或者打包時候，會將其集成到process.env中

如：

// .env.development中 地址都是瞎寫的
VUE_APP_BASE_URL = '192.168.0.0:8080'


// .env.production中
VUE_APP_BASE_URL = '192.168.0.1'  



// 在實際請求中,只需要寫入一個url
// 如：
axios.get(`${process.env.VUE_APP_BASE_URL}`/api)


// 在進行開發環境，會使用development中的地址
// 打包生產使用production中的地址。

 

回爐重造中，共勉！