CORS仅在Firefox和Safari上并且仅在onClick（）上阻止内容

Question

我正在构建react.js应用，我认为我遇到了CORS问题，但无法创建服务器。因此，我正在使用代理（例如一个https://cors-anywhere.herokuapp.com/${myApiEndpointHere}）。

当我使用Chrome时，我能够成功获取数据。但是，当我使用Firefox或Safari时，出现以下问题。此CORS问题（在Firefox和Safari上）似乎也仅在触发滚动时才会发生，因为对于Firefox，Safari和Chrome，我都可以获取内容并登录到控制台。

Firefox：

跨域请求被阻止：同源政策不允许阅读位于的远程资源https://res.cloudinary.com/dcpexd0zo/image/upload/v157136216... pes / Capture_d_e％CC％81cran_le_2019-10-17_a％CC％80_21.26.11.jpg。（原因：CORS标头中缺少令牌“用户代理”CORS飞行前频道中的“ Access-Control-Allow-Headers”。

跨域请求被阻止：同源政策不允许阅读位于的远程资源https://res.cloudinary.com/dcpexd0zo/image/upload/v157136216... pes / Capture_d_e％CC％81cran_le_2019-10-17_a％CC％80_21.26.11.jpg。（原因：CORS请求未成功）。

TypeError：尝试获取资源时出现NetworkError。

Safari：

请求标头字段User-Agent不允许访问控制允许标题。

提取API无法加载https://res.cloudinary.com/dcpexd0zo/image/upload/v1571362166/shapes/Capture_d_e%CC%81cran_le_2019-10-17_a%CC%80_21.26.11.jpg由于进行了访问控制检查。

https://res.cloudinary.com/dcpexd0zo/image/upload/v1571362166/shapes/Capture_d_e%CC%81cran_le_2019-10-17_a%CC%80_21.26.11.jpg无法加载资源：请求标头字段User-Agent不是由Access-Control-Allow-Header允许。

错误：您提供的错误不包含堆栈跟踪。

未处理的承诺拒绝：TypeError：请求标头字段Access-Control-Allow-Header不允许使用User-Agent。

Answer 1

您应阅读：https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Headers

并将此标头添加到代理服务器的响应中：Access-Control-Allow-Headers: *