vue cli3的多環境配置

2021-10-13 12:58:44 字數 662 閱讀 5923

node_env

='development'

='development'

='開發環境介面位址'

.env.production:生產環境檔案

node_env

='production'

='production'

='生產環境介面位址'

.env.test:測試環境檔案

node_env

='production'

='test'

='測試環境介面位址'

outputdir = test // 檔案打包名稱

修改package.json

"scripts"

:,

修改 vue.config.js

main.js 修改介面配置

// 介面位址

axios.defaults.baseurl = process.env.

vue cli3 配置多環境打包

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

vue cli3 快速配置多環境變數

vue cli3 搭建的專案其實看起來比 cli2 簡單明瞭很多,官方也有相關文件對多環境變數配置的描述。1.首先 通過為 env 檔案增加字尾來設定某個模式下特有的環境變數 通過傳遞 mode 選項引數為命令列覆寫預設的模式 在專案的根目錄新建3個資料夾,分別對應開發 dev 測試 test 生產...

vue cli3配置環境變數

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