1.多環境 就要配置多個 .env文件
比如開發環境 、測試環境、生產環境對應的就是
.env.dev-test: NODE_ENV = 'dev'（冒號前面是文件名稱，後面是文件裏面寫的內容）
.env.test:NODE_ENV = 'test'
.env.prod:NODE_ENV = 'prod'
到這裏 需要新建的文件就結束了
2.配置package.json
默認打包命令是 npm run build ，所以你要打包不同環境就要不同的命令
“test”: “vue-cli-service build --mode test”,
“prod”: “vue-cli-service build --mode prod”,
“dev-test”: “vue-cli-service build --mode dev”
3.然後開始配置不同環境對應不同的請求前綴 ，也就是不同的域名或者ip地址，一般這個文件是放在config文件夾中你隨便創建一個js文件。
你上面的三個 .env.xxx的文件裏面已經更改了NODE_ENV的值，而這個NODE_ENV的值 其實就是process.env.NODE_ENV的值，所以你需要 if else-if 去分別判斷文件裏面複製的內容：
if (env.NODE_ENV == ‘dev’) {
baseUrl = ‘’
} else if (env.NODE_ENV == ‘prod’) {
baseUrl = ``; //生產環境地址
} else if (env.NODE_ENV == ‘test’) {
baseUrl = http://; //測試環境地址
}
其中這個baseUrl這邊變量就是你要export 出去的變量
4.現在可以根據打包命令打包不同的環境了，那麼baseUrl在那用呢？ 就在你的請求js文件裏面用，baseUrl 加上接口名稱 就是你要請求的完整連接。
學到了發個紅包，其他文章有二維碼。
到這裏流程代碼就結束了，下面簡單講解說一下
再說一下 mode這個單詞，比較重要的
重點：它會覆寫默認的模式，也就是上面的命令 --mode xxx 。後面跟你要複寫的模式，比如你要prod模式，那就寫 prod。
再就是 .env.xxx 這裏的知識點：
重點:你可以通過爲 .env 文件增加後綴來設置某個模式下特有的環境變量.
說到這裏你聯想起來了嗎？
--mode讓你訪問了指定的模式，而.env.xxx這個文件又讓你把某個模式下的環境變量改了，然後你用改了的環境變量去做判斷了。流程就是這樣。理解萬歲