在React应用中启用CORS

Question

我正在设置一个从公共API提取的React应用程序。当我在Postman中测试API时，它可以正常工作。但是，如果我在React应用中使用fetch()，则会收到CORS错误。

据我了解，应该使用标头在服务器上允许我的客户请求。但是我不拥有托管API的服务器，因此无法在服务器上执行任何操作。该API被配置为可通过访问代码供第三方应用程序使用，因此我有点困惑为什么不允许在React中从API中提取它。

我有什么选择？

Answer 1

如果您没有服务器访问权限，则可以绕过它

• 随处可见的CORS：https://cors-anywhere.herokuapp.com/
• 所有来源：http://allorigins.me/
• 任何原籍：http://anyorigin.com/

Answer 2

CORS是安全的事情，在大多数情况下，最佳实践是不要尝试让客户端向任何地方（旧的客户端CORS * * * hackaroonie）进行标注。

相反，就像Tholle所建议的那样，在同一部署（相同来源）中设置一个简单的服务器端中继。

有一个简短的示例，说明您如何here。