Vue CLI配置指南（5）環境變數和模式

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

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

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

乙個環境檔案只包含環境變數的「鍵=值」對：

foo
=bar
=secret

被載入的變數將會對 vue-cli-service 的所有命令、外掛程式和依賴可用。

環境載入屬性

為乙個特定模式準備的環境檔案 (例如 .env.production) 將會比一般的環境檔案 (例如 .env) 擁有更高的優先順序。

此外，vue cli 啟動時已經存在的環境變數擁有最高優先順序，並不會被 .env 檔案覆寫。

node_env

如果在環境中有預設的 node_env，你應該移除它或在執行 vue-cli-service 命令的時候明確地設定 node_env。

模式是 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
(staging)

console.
log(process.env.
)

提示

process.env.
=require
('./package.json'
).version
module.exports =

有的時候你可能有一些不應該提交到**倉庫中的變數，尤其是當你的專案託管在公共倉庫時。這種情況下你應該使用乙個 .env.local 檔案取而代之。本地環境檔案缺省會被忽略，且出現在 .gitignore 中。

.local 也可以加在指定模式的環境檔案上，比如 .env.development.local 將會在 development 模式下被載入，且被 git 忽略。