vue axios 设置多个baseURL

最新推荐文章于 2025-03-24 10:16:13 发布

飞中缘

最新推荐文章于 2025-03-24 10:16:13 发布

阅读量6.5k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/csdn15002274757/article/details/111916170

版权

Vue 专栏收录该内容

20 篇文章

订阅专栏

博客介绍了使用Axios的相关技术。首先在config.js中配置不同的base路径，接着在request.js中设置axios不同的实例，最后在封装的方法里通过不同实例进行调取，完成相关操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在config.js中配置不同的base路径

2、在request.js中设置axios不同的实例

// 创建axios实例
const service1 = axios.create({
  baseURL: window.g.SERVICE_CONTEXT_PATH,
});
const service2 = axios.create({
  baseURL: window.g.SERVICE_CONTEXT_PATH2,
});

3、在封装的方法中通过不同的实例去调取

export function post(url,data){
  return new Promise((resolve,reject) => {
    service1.post(url,data)
        .then(response => {
          resolve(response.data);
        },err => {
          reject(err)
        })
  })
}

export function post2(url,data){
  return new Promise((resolve,reject) => {
    service2.post(url,data)
        .then(response => {
          resolve(response.data);
        },err => {
          reject(err)
        })
  })
}

搞定