vue cli 4 0 5 配置環境變數樣例

2022-08-10 09:27:12 字數 583 閱讀 5713

在專案根目錄下建 .env 檔案,環境變數無論執行何種模式均可獲取其設定值。

vue 中主要有三種模式: development、test、production,在 package.json 中目前三種配置:

"serve": "vue-cli-service serve", //對應 development 模式

"build": "vue-cli-service build", //對應 production 模式

"lint": "vue-cli-service lint" // 對應 eslint 規範檢測

但是在 package.json 中新配置執行如下:

"serve:newplayer": "vue-cli-service serve --mode newplayer",
在專案中獲取環境配置就可使用:

參考:0. 主要參考

vuec-li3 環境變數配置

vue-cli3.0 環境變數與模式

vue-cli3 .env.development和.env.production環境變數配置

VUE CLI配置自動生成環境變數

npm install dotenv在根目錄下建立.env檔案,內容如下 web socket 192.168.1.111 在build資料夾下新建zpreface.js檔案,內容如下 const fs require fs const path require path const env pat...

vue cli3配置環境變數

你可以替換你的專案根目錄中的下列檔案來指定環境變數 env 在所有的環境中被載入 env.local 在所有的環境中被載入,但會被 git 忽略 env.mode 只在指定的模式中被載入 env.mode local 只在指定的模式中被載入,但會被 git 忽略 模式是 vue cli 專案中乙個重...

vue cli的環境變數

為什麼需要環境變數 在乙個產品的前端開發過程中,一般來說會經歷本地開發 測試指令碼 開發自測 測試環境 預上線環境,然後才能正式的發布。對於不同的環境,有些配置項會有所差異。伺服器位址 介面位址。這個時候就需要環境變數和模式了 環境變數 cli 3.0總共提供了四種方式來制定環境變數 使用 在檔案中...