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

 

posted @ 2023-02-07 09:48  Aperio  阅读(961)  评论(0编辑  收藏  举报