uni-app根据环境封装动态url

env：当前的运行环境，小程序会有development，test，production三个环境,根据不同的环境配置不同的使用地址。whichSupport是在进入项目时已经判断出来了当前是在哪个硬件环境下（通过//#ifdef APP去实现）小程序需要拼接全量的地址，而h5只需要给出后缀，通过ngix进行转发即可，这个操作放在全局的axios请求里面。baseUrl就是请求的url。

一路追求匠人精神

1180人浏览 · 2023-05-11 16:36:48

一路追求匠人精神 · 2023-05-11 16:36:48 发布

一.配置基础地址

//development、production、test
const env = process.env.NODE_ENV || 'development';
const config = {
	development: {
		BASE_URL: "", 
		CENTER_LOGIN_URL: ""
	},
	test: {
		BASE_URL: "", 
		CENTER_LOGIN_URL: "" 
	},
	production: {
		BASE_URL: "", 
		CENTER_LOGIN_URL: "" 
	}
}
const IMG_BASE_URL = "/static/image"
const REMOTE_IMG_URL = '/tjf-upp/action/manage/view/'
const BASE_URL = config[env].BASE_URL;
const CENTER_LOGIN_URL = config[env].CENTER_LOGIN_URL;
const DMQ_URL = config[env].DMQ_URL;


export { BASE_URL, CENTER_LOGIN_URL, IMG_BASE_URL, REMOTE_IMG_URL, DMQ_URL }

env：当前的运行环境，小程序会有development，test，production三个环境,根据不同的环境配置不同的使用地址

二.动态设置地址

小程序需要拼接全量的地址，而h5只需要给出后缀，通过ngix进行转发即可，这个操作放在全局的axios请求里面

getUrl = (url : string) => {   //小程序需要完成的url拼接，h5可以走代理
		let _glPinia = glPinia();
		let wxUrl = this.baseUrl + url;
		return _glPinia.whichSupport == 'MINIPRO' ? wxUrl : url;
	}

whichSupport是在进入项目时已经判断出来了当前是在哪个硬件环境下（通过//#ifdef APP去实现）

baseUrl就是请求的url