前端 package.json 中的代理配置如何请求 void cors？

Question

也许我还不太了解代理，但我的服务器后端位于 localhost:7000，前端客户端位于 localhost:3000。 现在我在我的前端 package.json: "proxy": "http://127.0.0.1:7000"中配置了一个代理。 这避免了在后端安装 cors 并接受了对我的服务器的请求。 这是如何工作的，或者为什么要避免 cors 配置？ 那么代理和cors有什么区别？

Answer 1

CORS 错误是由于大多数浏览器中实施的同源策略而发生的。 更具体地说，您收到错误的原因是因为您正在向与您当前所在的来源不同的来源发出请求。 在您的情况下，这是您在http://localhost:3000上运行的前端，它试图访问http://localhost:7000上的后端

为了解决这个问题，您可以更改后端以发送Access-Control-Allow-Origin响应 header ，其中包含前端的来源 - 或者......您使用代理。

代理基本上试图通过假装让您的后端位于同一来源localhost:3000上来欺骗浏览器，而在后台它正在从实际来源localhost:7000访问资源。

你可以阅读这篇文章，它更详细地解释了它。