vue3.0 同一项目中调用多个域名的请求

Posted 2023-02-07 Aperio

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;
    
    // 省略的代码
  )