如何配置Vite开发服务器通过端口代理路径运行？

Question

我正在尝试在基于云的开发环境中使用 Vite 开发服务器，我可以在其中提供服务并连接到端口，但需要通过代理路径访问它们。

相反，http://localhost:3000/index.html我会访问例如https://my.cool.example.com/proxy/3000/index.html。在幕后，云服务会翻译 URL 并通过以下方式代理连接： 因此，对于 Vite 来说，看起来我只是在请求/index.html.

...但是我尝试过的各种配置vite.config.js尚未使其正常工作：

• 按照此答案base中建议的设置抱怨“服务器配置了公共基本 URL /proxy/3000/”
• 其他几个不成功的实验server.base，proxy以及publicPath类似的

如何告诉 Vite 客户端和资产应该在请求上设置路径前缀，但服务器可以从 root 提供服务？

Answer 1

我遇到了完全相同的问题，文档说https://github.com/http-party/node-http-proxy#options上有更多代理选项

https://vitejs.dev/config/#server-proxy