在開發過程中我們的環境分為很多種,為了解決維護困難和造成一些未知bug,我們推薦使用環境配置,配置好環境之后,在環境切換時就可以一鍵切換,簡單方便而且也不會造成一些潛在問題出現,配置步驟如下:
1、在項目根目錄創建`.env.環境名`的文件
2、統一在該文件內聲明全局變量,如:
```
NODE_ENV=production //node編譯環境,production為生產環境(會壓縮代碼),development為開發環境
VUE_APP_CURRENTMODE=test //當前mode的環境,這個自己定
VUE_APP_BASEURL=http://clife.ngrok.i84.com.cn //全局baseURL
VUE_APP_BASEAPI=/ //API接口前綴
```
3、在package.json文件中的scripts字段內新增bin指令
```
"scripts": {
"serve": "vue-cli-service serve --mode serve",
"test": "vue-cli-service build --mode test",
"mock": "vue-cli-service serve --mode mock",
"production": "vue-cli-service build --mode production"
}
```
4、這個時候就可以自由的切換項目的環境了,比如想切換到mock環境,只要在terminal里面輸入`npm run mock`即可