Javascript 我可以通过图像标记从S3加载图像，但不能通过提取请求？

我正在尝试使用一个名为react pdf的库将一个图像从s3加载到pdf中。这是我在我的站点上显示的同一个图像，当在图像元素的src上使用url时，它可以正常工作。但是，从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://localhost:3000
得到
头
*

---

我尝试使用http请求、各种访问控制头、新的Image（）API获取它，在加载时，我将其转换为画布。这些似乎都不管用。有人能向我解释一下CORS在这种情况下是如何工作的吗？在这种情况下，图像可以通过元素加载，但不能通过http请求加载？任何可能的解决方案都会令人惊讶。谢谢大家!

看来你的CORS政策允许。但是网络错误报告了一些错误。你能看到吗？你试过设置

https://stg.tf-suite.com

在您的CORS政策中？这是您的站点的来源。Hi@DylanSp对您的站点具有相同的CORS策略。我以为我从本地主机上传了错误，这就是为什么我只显示了那部分。