1.在根目錄建立 .env.dev 檔案 作為測試環境配置
建立 .env.prod檔案 作為生產環境配置
(建立的檔案和package.json在同一級)
2.配置.env.dev檔案 .env.prod檔案同下
// 測試環境標記 package.json用3.配置package.json檔案 建立打包指令node_env = 'development'
// 測試環境 url請求路徑
// 配置**
// 測試檔案上傳
// 基礎服務 介面位址
// 支出介面
// 收入介面
在script中配置兩條指令
"builddev": "vue-cli-service build --mode dev",4.使用"buildprod": "vue-cli-service build --mode prod"
在需要用到此介面位址的地方使用
使用方式
需要打包生產環境 使用
npm run buildprod測試環境指令
npm run builddev6.如果需要在開發環境中使用 env.dev的配置 需要在package.json中 新增 --mode dev
例如我的package.json部分配置資訊
,當使用 npm run serve 的時候 預設使用env.dev的配置......
}
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 專案中乙個重...