vue cli的環境變數

2021-10-10 17:04:51 字數 473 閱讀 5077

為什麼需要環境變數

在乙個產品的前端開發過程中,一般來說會經歷本地開發、測試指令碼、開發自測、測試環境、預上線環境,然後才能正式的發布。對於不同的環境,有些配置項會有所差異。伺服器位址、介面位址。。。

這個時候就需要環境變數和模式了

環境變數

cli-3.0總共提供了四種方式來制定環境變數: 使用

在檔案中,我們只需要以key=value的方式就可以設定變數了。

例如:

「dev-build」:「vue-cli-service build --mode development」

舉例子

在package.json 新增

「scripts」:

在跟目錄下建立檔案

當執行

npm run build.test

Vue CLI 環境變數和模式

官方介紹 環境 模式 在實際的開發過程中,一般乙個產品的誕生,會經歷開發環境 發布環境。而每乙個環境都會有所差異,比如伺服器位址 介面位址等等。在各個環境切換的時候就需要配置不同的引數,所有就有了環境變數和模式 用來方便的管理我們的專案。在建立乙個vue 3 的專案時,缺省會給出兩個環境 1 dev...

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 專案中乙個重...