首页 > 其他分享 >vue3.0 同一项目中调用多个域名的请求

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

时间:2023-02-07 09:56:27浏览次数:47  
标签:API 调用 pv url request process 域名 vue3.0 config

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

 

标签:API,调用,pv,url,request,process,域名,vue3.0,config
From: https://www.cnblogs.com/cuipingzhao/p/17097386.html

相关文章

  • 【本地摄像头调用】【按指定键结束】【点击窗口关闭按钮结束】
    在使用cv2调用摄像头时,我们常用循环语句完成capture的read和imshow,这使得当点击opencv窗口右上角关闭按钮时,关闭的仅仅是某个时刻的窗口,下一秒又会因为循环语句imshow出来......
  • Java按值调用和引用调用
    在java中只有通过值调用,而不是通过引用调用。如果要调用一个传递值的方法,则称为按值调用。在被调用方法中完成的更改,在调用方法的外部不受影响。在java中通过值调用的......
  • Angular新建组件以及组件之间的调用
    场景Angular介绍、安装AngularCli、创建Angular项目入门教程在上面搭建好Angular项目。项目目录结构如下 注:关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费......
  • 全流程搞清楚 Kubernetes API 的使用,可进行业务二次开发对接 k8s 调用,详细图文说明以
    全流程搞清楚KubernetesAPI的使用,可进行业务二次开发对接k8s调用,详细图文说明以及常见问题整理。使用CLI(如curl)或GUI(如postman)HTTP客户端调用KubernetesAPI有很多理由......
  • .Net7运行模型之托管Main函数的调用
    前言:.Net7的CLR最具特色的一个地方,就是运行模型。因为它主宰了整个CLR的运行过程。又因为其庞大的代码量,有的几十万行甚至百万行。所以理解起来非常不容易。本篇拆分来看......
  • DNS域名解析
    DNS域名解析一、DNS概念在日常生活中人们习惯使用域名访问服务器,但机器间互相只认IP地址,域名与IP地址之间是多对一的关系,一个ip地址不一定只对应一个域名,且一个域名只可......
  • 1.5 函数的调用机制
    函数调用处理是通过把程序计数器的值设定成函数的储存地址来实现的,哪怕是高级语言编写的程序。哪怕是高级语言编写的程序,函数”调用处理也是通过把程序计数器的值设定成函......
  • 【测试】JMeter接口调用衔接
    在压力测试的过程中我们可以通过新建解析器来使接口数据衔接到下一个接口已达到更准确的测试效果。首先新建一个JSONExtractor,通过JSONExtractor来解析返回数据获取需要......
  • 03 回顾方法的调用
    回顾方法的调用packagecom.zhan.base05Oop;publicclassTest03{//回顾方法的调用publicstaticvoidmain(String[]args){//静态方法stat......
  • 【一句话】中间件调用顺序
    洋葱模型koaapp.use按顺序注册中间件,然后依次next调用自己的下一个中间件,awaitnext之后,整个的调用路径就像一个洋葱一样,从皮走到心,再从心走到皮除了koa之外很多带中......