vue專案使用 env檔案配置全域性環境變數

2021-10-23 10:21:01 字數 724 閱讀 8401

關於檔名:必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案

.env 全域性預設配置檔案,不論什麼環境都會載入合併

.env.development 開發環境下的配置檔案

.env.production 生產環境下的配置檔案

關於檔案內容:

關於檔案的載入:

根據啟動命令vue會自動載入對應的環境,vue是根據檔名進行載入的,所以上面說「不要亂起名,也無需專門控制載入哪個檔案」

比如執行npm run serve命令,會自動載入.env.development檔案

啟動專案:

列印process.env屬性(全域性屬性,任何地方均可使用):

可見node_env被改為了development,覆蓋掉了.env中的全域性屬性

vue專案使用 env檔案配置全域性環境變數

關於檔名 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 關於檔案內容 關於檔案的載入 根據啟動命令vue會自動載入對應的環...

vue專案使用 env檔案配置全域性環境變數

自 參考 模式 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 根據啟動命令vue會自動載入對應的環境,vue是根據檔名進行...

vue專案 env全域性變數配置

env全域性預設檔案,無論在什麼環境下都會執行 env.development開發環境下的配置檔案 env.production生產環境下的配置檔案 全域性的基礎api介面 當node env為development時,env.development會將.env中的同名屬性覆蓋,同理,當node e...