在 REACT 中被 CORS 政策阻止

Question

我最近创建了一个 React 创建应用程序并尝试将其与后端连接，但在发出请求时出现了 CORS 问题。

问题1：

Access to XMLHttpRequest at 'https://localhost:7022/Leads/106/status' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

问题2：

Access to XMLHttpRequest at 'https://localhost:7022/Leads/1' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

如何解决这些问题？

我研究了一些解决方案，但他们都讨论了服务器，而 React 没有这种控制权。

Answer 1

转到 Chrome 网上应用店扩展程序

允许 CORS：访问控制允许来源

添加它

然后运行它

安装（添加） https://chromewebstore.google.com/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en-US&utm_source=ext_sidebar