技術標籤：vuevue

vue 3.0自動化多環境打包

1.在專案根目錄建立環境配置

2. .env.dev開發環境內容

NODE_ENV = 'dev'
VUE_APP_CURENV = 'dev'

.env.web1 打包測試環境內容

NODE_ENV = 'test'
VUE_APP_CURENV = 'web1'

.env.web2 打包正式環境內容

NODE_ENV = 'pro'
VUE_APP_CURENV = 'web2'

3.在請求介面判斷當前環境

let baseUrls = ''
switch (process.env.VUE_APP_CURENV) {
  case
 
 'dev': //執行npm run dev 或 npm run build:dev 開發環境
    baseUrls = 'http://192.128.11.1:8080'
    break
  case 'web1': //npm run build:web1 打包測試環境
    baseUrls = 'http://192.128.11.1:8080'
    break
  case 'web2': //npm run build:web2 打包線上環境
    baseUrls = 'http://192.128.11.1:8080'
    break
}

4.修改package.json檔案修改啟動命令

npm run dev 執行開發環境
npm run build:dev 開發環境打包
npm run build:web1 測試環境打包
npm run build:web2 生產環境打包