javascript - 我可以通过图像标签从 S3 加载图像，但不能加载请求？

Question

我正在尝试使用名为 react-pdf 的库将图像从 s3 加载到 pdf 中。这是我在我的网站上显示的相同图像，并且在使用图像元素的 src 上的 url 时效果很好。但是，从 react-pdf 需要使用的特定图像组件加载时，它会失败。

我明白了：

S3 存储桶的 CORS 策略是这样的：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
 <CORSRule>
    <AllowedOrigin>http://localhost:3000</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

我尝试使用 http 请求、各种访问控制标头和新的 Image() API 来获取它，在加载时，我将其转换为画布。它似乎都不起作用。有人可以向我解释一下 CORS 在这种情况下是如何运作的，其中可以通过元素加载图像，但不能通过 http 请求加载？任何可能的解决方案都会令人惊叹。谢谢！