图像的 Chrome CORBS 问题

Question

我有一个 react webapp，它为图像 url 调用一个 api（使用 fetch 调用另一个 api）并通过 img 标签在屏幕上呈现图像。

我遇到的问题是图像无法加载，而是在控制台中收到 CORB 警告。

跨域读取阻塞 (CORB) 阻止了跨域响应 https://website.com MIME 类型为 text/html。看 https://www.chromestatus.com/feature/5629709824032768 了解更多 详情。

请注意，我遇到了 CORB 而不是 CORS 的问题 很多在线帖子只是给出了在标题中添加内容的解决方案，这可能会解决 CORS 问题，但我不相信他们能解决 CORB。无论如何，我使用的 api 不是我的，所以无论如何我都无法在服务器端添加任何东西。

我是否需要向我的项目客户端添加一些内容才能使其正常工作？任何想法将不胜感激。

Answer 1

这是因为您请求的类型与服务器响应的数据类型不匹配。为了克服这个尝试比较两者。但是，如果您无权访问目标服务器，您可以对目标服务器进行代理。再创建一台服务器来编辑来自 example.com 的响应标头

示例：

客户端应用=>您的代理服务器修改了Content-Type标头（例如：http://myproxy.com）=>您的目标服务器（ 例如： http://example.com)

或者，如果您不想创建新服务器并且该应用程序仅由您个人打开，您可以将浏览器替换为尚未应用 CORBS 的版本。。 p>

除此之外，我知道客户没有其他尝试。