uni-app如何配置多環境?
阿新 • • 發佈:2020-09-09
最近我也在配置uni-app的多環境,在官方社群找到了解決方法
參考一下社群的解決方案:https://ask.dcloud.net.cn/que...
在根目錄下建立.env.js,.env.dev.js,.env.prod.js這三個檔案。
.env.js
; (function() { const NODE_ENV = 'dev'; // dev:開發環境 | test:測試環境 let ENV_VAR = null; if (process.env.NODE_ENV === "development") { if (NODE_ENV === 'dev') { ENV_VAR= require('.env.dev.js'); } else if (NODE_ENV === 'test') { } } else if (process.env.NODE_ENV === "production") { ENV_VAR = require('.env.prod.js'); } if (ENV_VAR) { process.uniEnv = {}; for (let key in ENV_VAR) { process.uniEnv[key]= ENV_VAR[key]; } } })();
.env.dev.js
const UNI_APP = { BASE_API: '/dev-api' } module.exports = UNI_APP;
.env.prod.js
const UNI_APP = { BASE_API = '/prod-api' } module.exports = UNI_APP;
.env.js 起到一個總控的作用,根據NODE_ENV變數的值載入不同的檔案,起到環境變數切換的效果。有一點需要注意的是,我們需使用process.uniEnv.xxx來獲取我們設定的全域性變數值。
import '.env.js' export default { globalData: process.uniEnv };