vue cli3 快速配置多環境變數

2021-09-24 12:51:27 字數 695 閱讀 1828

vue-cli3 搭建的專案其實看起來比 cli2 簡單明瞭很多,官方也有相關文件對多環境變數配置的描述。

1.首先:

通過為 .env 檔案增加字尾來設定某個模式下特有的環境變數

通過傳遞 --mode 選項引數為命令列覆寫預設的模式

在專案的根目錄新建3個資料夾,分別對應開發(dev),測試(test),生產(prod)

檔案命名: .env.dev , .env.test , .env.prod

接下來是不同檔案裡面的**情況,

.env.dev

node_env = 'development'
.env.test

node_env = 'production'
.env.prod

node_env = 'production'
2.修改package.json 指令碼:

npm run dev		//本地執行

npm run build:test //測試環境打包

npm run build:pro //正式環境打包

vue cli3的多環境配置

node env development development 開發環境介面位址 env.production 生產環境檔案 node env production production 生產環境介面位址 env.test 測試環境檔案 node env production test 測試環境介...

vue cli3 配置多環境打包

由於公司專案需要多環境,就研究了一下vue cli3的多環境配置,這裡和大家分享一下vue cli3多環境配置方法 首先我們先看看 vue cli環境變數和模式,通過官網我們可以發現 vue cli 提供了三個模式 test development production 而每種node env下面可...

vue cli3配置環境變數

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