uniapp配置多个环境

如何在uniapp中配置多个环境

在根目录下创建.env.js，如下实例

//设置环境(打包前修改此变量)
const ENV = "DEV";
const UNI_APP = {}
// 开发环境
if (ENV == "DEV") {
	UNI_APP.WS_URL = "ws://127.0.0.1:80/ws";
	UNI_APP.PROD_URL = ''
	UNI_APP.APP_IM_BASE_URL = ''
}
// 测试环境
if (ENV == "TEST") {
	UNI_APP.WS_URL = "ws://127.0.0.1:80/ws";
	UNI_APP.PROD_URL = ''
	UNI_APP.APP_IM_BASE_URL = ''
}
// 生产环境
if (ENV == "PROD") {
	UNI_APP.WS_URL = "ws://127.0.0.1:80/ws";
	UNI_APP.PROD_URL = ''
	UNI_APP.APP_IM_BASE_URL = ''
}

export default UNI_APP

使用

1. 单独引入

import UNI_APP from '@/.env.js'
// UNI_APP.PROD_UR

2. 全局引入

在App.vue 引入.env.js并设置globalData

import UNI_APP from '@/.env.js'
export default {  
    globalData: {...UNI_APP }
};

.vue页面使用,通过getApp().globalData

const WS_URL = getApp().globalData.WS_URL