我正在开发一个 React 应用程序。基本上它是什么，有一个在页面上呈现的表格，我有一个操作列，其中有一个视图按钮，单击它时，它应该呈现一个包含您想要查看的文档的 pdf 查看器。因此，当我单击视图按钮时，不会呈现任何内容。我检查开发工具，收到以下消息： Access to fetch at 'https://mysitewherethedocsare' from origin 'http://localhost:3000' 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。
我看过一些有关 CORS 以及如何修复它的 YouTube 视频。但他们只提到数据库并没有真正回答我的问题。
我也尝试过 ChatGPT，但这表明我应该制作 3 个不同的文件来解决它
存储服务或您的应用没有应用 CORS 策略。即使您将 CORS 添加到文件存储服务，它也会拒绝访问您的本地主机。不过，您可以覆盖标头并在本地添加此 CORS 设置，以便在本地主机上进行调试。 只需将 "Access-Control-Allow-Origin": "*" 本地添加到您请求的存储服务 URL 中即可。
您可以在本文档中查看更多信息： https://developer.chrome.com/docs/devtools/overrides?hl=pt-br