尝试访问公开可用的端点时，部署到 firebase 的 React-app 出现 cors 错误 [重复]

Posted 2023-03-04

【中文标题】尝试访问公开可用的端点时，部署到 firebase 的 React-app 出现 cors 错误 [重复]

【英文标题】：React-app deployed to firebase gives out a cors error when trying to access a publicly available endpoint [duplicate]

【发布时间】：2020-07-23 13:22:08

【问题描述】：

我在我的公开可用的 react-app 中使用了这个 end point。

尽管这个端点对所有人都是公开的，但不幸的是，他们没有将 Access-Control-Allow-Origin 设置为 all，所以我不得不使用 moseif cors extension 来跳过开发环境中的 cors 问题。与邮递员一起尝试时，端点可以工作。

但即使在将我的 react 应用程序部署到 firebase 之后，端点也会发出 cors 错误。

Access to XMLHttpRequest at 'https://www.covidvisualizer.com/api' from origin 'https://example.firebaseapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

有什么我想念的吗？

有没有办法从我这边覆盖 cors 问题，因为我对我试图访问的后端端点的控制为零。

不是将我的 react-app 部署到应该解决这个 cors 问题的服务器上吗？

谢谢。

【参考方案1】：

好像你的端点不支持CORS，你可以在这里测试一下https://www.test-cors.org，没有办法覆盖这个行为，因为它是浏览器的安全功能，是的，端点是公共的，可用于Http GET调用，但它可能不支持在触发 ajax 调用时发出的 OPTIONS 预检请求，因此除非您对端点进行中间后端调用，否则您的应用将无法访问端点。