vue项目中,不同的接口请求不同的域名

遇到的需求是把两个独立的小程序代码合并到一起，两个后台服务器，接口调用对应的服务器域名。

main.js

Vue.prototype.baseUrl = 'https:XXXXXXXXX' 

Vue.prototype.baseUrlCd = 'https://ZZZZZZZZZZ'

api.js

let wxLoginUrl = '/api/mini-program/customer/wxlogin'

let loginUrl: '/apiCD/takeaway/customer/alc/login',

请求拦截里

Vue.prototype.$u.http.interceptor.request = (config) => {
     //在请求拦截这儿判断接口地址包含‘takeaway’标识的 或者包含‘apiCD’标识的就调用baseUrlCd
     //‘takeaway’标识的是后台接口有的 ‘apiCD’是前端可以自己加  下面再切换就行了
	if (config.url.search('takeaway') != -1 || config.url.search('apiCD') != -1) {
		config.url = vm.baseUrlCd + config.url.replace('apiCD', 'api')
		if (vm.vuex_tokenCD) {
			config.header.token = ''
			config.header.token = vm.vuex_tokenCD;
		}
	}
	return config;
}