Vite

在开发时我发现这样的问题，我前端调用一个接口会造成接口返回异常直到这个接口超时。但是偶尔又是正常的。一开始因为是接口问题，查询速度慢，返回有问题。后面我去接口工具中调用接口发现很正常。但是唯独使用本地 vite 代理的接口就会出现这种情况。 我的 vite 代理是这样的 proxy: { "^/csm-(auth|base|olcs|call|ors|stats|voice)": { target: "http://xxx.xxx.xxx.xx:xxx", changeOrigin: true, rewrite: path => path } }, 后面我发现可能是 vite中的代理出现了问题。一番查询之下，得出结论可能是 Vite 代理复用了某个后端或中间网络状态不好的连接。因为这部分我没有去深究是什么情况。后面我将这个 vite 代理单独把这个 csm-voice 这个规则重新写了一个。 proxy: { "/csm-voice": { target: "http://xxxx.xxx.xxx.xxx:xxx", changeOrigin: true, rewrite: path => path, headers: { Connection: "close" }, agent: new http.Agent({ keepAlive: false }), timeout: 120000, proxyTimeout: 120000 }, "^/csm-(auth|base|olcs|call|ors|stats)": { target: "http://xxxx.xxx.xxx.xxx:xxxx", changeOrigin: true, rewrite: path => path } }, 主要是新增了这样的规则，后面接口请求就正常返回了，没有说出现很慢的情况。

背景 #昨天在公司写完项目后，本来就是一个很正常的新增一个接口，然后修改 nginx，然后部署项目，但是出现了一个非常奇怪的事情。我的接口居然出现 403，报错还是 vite ???? 可是我已经部署了怎么可能还报错 vite 的问题呢???? Vite 跨域配置 #以下是我的 vue3 代码的 vite的跨域配置，其实就是端口号不一样，所以我就参考了之前写的 Botapi，nginx 也是这样写的。

使用 Vite 的 Proxy / WebSocket 代理：配置 + 原理 + 源码机制 #当我们在开发 Web 应用时，我们经常遇到这样的问题： 前端代码运行在本地（如 http://localhost:5173，由 Vite dev server 提供），而后端 API 或 WebSocket 服务部署在另一个域名／端口（如 http://api.example.com，或 ws://backend:8080），而面对这种问题，我们往往需要解决跨域问题，要么就是后端设置允许跨域，要么就是在本地启动 nginx。这样都通常还是比较麻烦。但是有了 Vite 之后，只需要简单配置一下即可解决，这是非常神奇的，那么这个原理与配置是要怎么做呢？