简单记录解决vite代理报错 `[vite] http proxy error`

2,081 阅读1分钟

基于vite开发时遇到了这样的问题:vite使用proxy代理后端接口请求,在启动dev server时,出现部分接口请求一直处于pending直至超时,控制台报错[vite] http proxy error

Snipaste_2025-04-24_10-57-58.png

但是同样研发环境的接口请求,在部署到研发域名后是表现正常的,只是本地vite服务会有这个问题。所以排除后端接口的问题,应该是vite代理的问题。

通过搜索引擎找到了vite的这条issue,尝试一下确实可以解决问题,主要是在vite的proxy代理下添加agent配置,不过issue中是引用的http包,我引用会报错,换成https包就可以了,主要添加下面两行代码:

+import https from 'node:https';
proxy: {
  '/***': {
    target: 'https:***',
    changeOrigin: true,
+   agent: new http.Agent({ keepAlive: true, keepAliveMsecs: 20000 })
  }
}

如果你恰巧遇到了这个问题,恰好又刷到了这篇文章,那这篇笔记的目的就达到了。所以不再扯更多的废话,想了解更多可以点进那条issue里看看。