使用vue-cli3打包專案，通過配置不同的指令給專案設定不一樣的配置。
npm run serve時會把process.env.node_env設定為『development』；
npm run build 時會把process.env.node_env設定為『production』；
此時只要根據process.env.node_env設定不同請求url就可以很簡單的區分出本地和線上環境。
頭疼的是打包時線上環境可能分多種，比如測試環境和生產環境等等。
在vue-cli2中打包時可以修改 「build」 和 「config」中的檔案來區分不同的線上環境
而vue-cli3號稱0配置，無法直接修改打包檔案，那麼怎麼區分不同的線上環境分別傳入不一樣的配置呢？
官網給我們做了簡單介紹（vue-cli-service-build）,但只解釋了現有幾個指令所匹配的模式,對於上面的需求顯然無法滿足。
如下提供一種解決方案：
首先在package.json檔案內新增測試環境和生產環境的打包指令：
"build-test": "vue-cli-service build --mode alpha",
"build-prod": "vue-cli-service build --mode prod",
在專案根目錄新增兩個檔案
.env.alpha
node_env = 'production'node_env = 'production'import axios from 'axios'Vue 專案環境變數
env 在所有的環境中被載入 env.local 在所有的環境中被載入，但會被 git 忽略 env.mode 只在指定的模式中被載入 env.mode local 只在指定的模式中被載入，但會被 git 忽略 乙個環境檔案只包含環境變數的 鍵 值 對 env.production檔案 just a...
vue專案配置環境變數
由於公司專案需要分別部署到測試 uat以及生產環境上，但是對於同乙個變數，在不同的環境測試下，需要取不同的值，所以就考慮配置環境變數去處理這個問題。一 在專案根目錄下建立是三個檔案，env.dev 測試環境 env.uat uat環境 env.prod 生產環境 env.uat 檔案 node en...
環境變數 Vue 環境變數的使用
文章背景 開發過程中經常遇到這樣的問題 相同的 部署到不同環境時需要使用不同的變數 比如介面網域名稱變數 serve 在測試環境和生產環境使用的是不同的網域名稱。這種情況下如果在 裡定義變數，打包部署前再修改 切換成不同的值再打包不利於 的維護，也很繁瑣。這時候利用環境變數來實現，在不用每次打包前改...