【问题标题】:Fetch API cannot load > Safari & Firefox > CloudinaryFetch API 无法加载 > Safari & Firefox > Cloudinary
【发布时间】:2020-03-21 07:14:45
【问题描述】:

这是我的问题:即使在我的前端 (React.js) 上启用了 CORS,我仍然遇到此问题,仅在 firefox 和 safari 上。它也可能与 Cloudinary 有关,我用来在线托管图像的服务。

  • Request header field User-Agent is not allowed by Access-Control-Allow-Headers.
  • Fetch API cannot load due to access control checks.
  • Failed to load resource: Request header field User-Agent is not allowed by Access-Control-Allow-Headers.B — index.js:1588

我可以看到 CORS 已启用,因为我能够成功查看我的请求并将其记录到终端。为了启用 CORS,我使用:https://cors-anywhere.herokuapp.com/axios

如果您想在线查看错误,请访问以下网站:http://fredbste-marie.com

感谢您的帮助,我很不确定这里发生了什么......

【问题讨论】:

  • 删除前端 JavaScript 代码尝试向请求添加 User-Agent 请求标头的任何部分。
  • 我正在使用 axios,但无法禁用 User-Agent 请求。我应该使用其他东西吗?

标签: reactjs cors axios cloudinary


【解决方案1】:

我觉得这个网站不错,问题解决了吗?检查页面只显示 these 2 errors,尽管尝试直接浏览到图像已成功交付的 URL。另外,我可以在您的页面中看到它们。

【讨论】:

  • 您能否确认该网站在 safari 和 firefox 上运行良好?在我这边,它不起作用。即使request is successful,当 onClick() 函数被触发时,图像也会被阻止。我不认为这是由于图像大小,因为它们是最大的。 500/700ko.
猜你喜欢
  • 2019-11-20
  • 2017-07-25
  • 2022-11-04
  • 2020-11-18
  • 2023-03-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多