代理篇12|深入理解 Vite中的Proxy接口代理配置

在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。

什么是代理（proxy）？

代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕过浏览器的跨域限制。

比如前端发起请求：http://localhost:5173/api/user 

通过proxy转发代理，最后的实际请求如下：

http://kljshhh.com/api/user

注意：浏览器控制台的请求依旧是http://localhost:5173/api/user，但后端接受的http://kljshhh.com/api/user

基础语法

Vite 和 Webpack 中的 proxy 功能都是基于一个第三方库 —— http-proxy-middleware 实现的，这是一个专门用于 N