vue3.0 同一项目中配置不同的baseUrl,请求不同的域名接口
1.简单粗暴形式:
复制多个request.js文件,设置不同的baseUrl,根据需要引用不同的request.js文件。可以解决问题,但不推荐使用
2.参数配置形式:
利用参数配置,可灵活的调用多个不同域名
export function getPVInfo(params) {
return request({
url: "/quick/activity/pv",
method: "get",
urlType: "pv",
params,
});
}
request中配置baseUrl
service.interceptors.request.use(
(config) => {
// do something before request is sent
// 新增url判断
switch (config.urlType) {
case "list":
config.url = process.env.VUE_APP_BASE_API + config.url;
break;
case "bigdata":
config.url = process.env.VUE_APP_BIG_API + config.url;
break;
case "pv":
config.url = process.env.VUE_APP_PV_API + config.url;
break;
}
// 省略的代码
})