前端 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訪問資源。

你可以閱讀這篇文章，它更詳細地解釋了它。