axios中的http中的baseURL怎么用？

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

likeuzi

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

阅读量1.7w

点赞数

分类专栏： axios

本文链接：https://blog.youkuaiyun.com/likeuzi/article/details/78212693

版权

axios 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了在axios中如何设置baseURL，并展示了如何在代理配置proxyTable中处理baseURL，使得多个接口可以统一处理，简化配置。通过示例代码，展示了如何将baseURL设置为'/service'，并在代理时将'/service'路径重写，以实现对'http://222.85.148.140:5000'的目标地址的请求。

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

先给最外层包一个service，也就是每个接口外层都有一个/service了
export const http = axios.create({
  baseURL: '/service',
  withCredentials: false,
  //headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
});
export const http1 = axios.create({
  baseURL: '/service',
  withCredentials: false
});
export const httpLayer = axios.create({
  baseURL: '/service',
  withCredentials: false
});
然后代理的时候遇到下面的情况：之前是/publicService'单独写一次代理，现在由于都包了一层/service,所以就代理一次就好了 
proxyTable: {  '/service': {    target: 'http://222.85.148.140:5000',    changeOrigin: true,    pathRewrite: function (path, req) {      return path.replace('/service', '');    }  },  '/publicService': {    target: 'http://222.85.148.140:5000',    changeOrigin: true,    pathRewrite: function (path, req) {      return path.replace('/service', '');    }  },},