vue cli3配置環境變數

你可以替換你的專案根目錄中的下列檔案來指定環境變數：

.env # 在所有的環境中被載入 .env.local # 在所有的環境中被載入，但會被 git 忽略 .env.[mode] # 只在指定的模式中被載入 .env.[mode].local # 只在指定的模式中被載入，但會被 git 忽略

模式是 vue cli 專案中乙個重要的概念。預設情況下，乙個 vue cli 專案有三個模式：

注意模式不同於node_env，乙個模式可以包含多個環境變數。也就是說，每個模式都會將node_env的值設定為模式的名稱——比如在 development 模式下node_env的值會被設定為"development"。

你可以通過為.env檔案增加字尾來設定某個模式下特有的環境變數。比如，如果你在專案根目錄建立乙個名為.env.development的檔案，那麼在這個檔案裡宣告過的變數就只會在 development 模式下被載入。

你可以通過傳遞--mode選項引數為命令列覆寫預設的模式。例如，如果你想要在構建命令中使用開發環境變數，請在你的package.json指令碼中加入：

"dev-build": "vue-cli-service build --mode development",

假設我們有乙個應用包含以下.env檔案：

和.env.staging檔案：

node_env=production