从 0 到 1 理解 Webpack Proxy：是什么、如何工作以及为何能解决跨域

Webpack Proxy 工作原理

什么是 Webpack Proxy？

Webpack Proxy（或 webpack-dev-server 的代理功能）是 Webpack 提供的一种机制，用于将开发环境中的请求代理到另一个服务器或后端 API，通常用于解决跨域问题。它通过 Webpack Dev Server 的 proxy 配置，将浏览器发出的 API 请求转发到一个目标服务器（如后端 API 服务），从而避免了浏览器在开发过程中遇到的跨域限制。

Webpack Proxy 的工作原理

Webpack Proxy 通过配置 webpack-dev-server 中的 proxy 选项来转发请求。其原理可以简述为：

1. 浏览器发起请求：在开发过程中，浏览器会向前端服务器（如 localhost:8080）发起 HTTP 请求，这些请求可能需要访问一个后端 API 或其他外部服务。

2. 代理中转