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 @   Aperio  阅读(1158)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2021-02-07 子元素高度不确定,父元素高度随子元素变化,当子元素高度过高时滚动,相对定位的其他子元素的不会发生滚动
点击右上角即可分享
微信分享提示