将图像从 AWS S3 存储桶导入到 JSPDF autotable 时几乎没有问题

Question

我一直在尝试借助 jspdf autotable 将存储在 AWS S3 存储桶中的图像导入到 pdf 中。这是一个 stackblitz 显示了我希望代码如何运行。现在，当我从 stackblitz 上获得所需的输出时，当我在 Angular 8 项目上尝试相同的输出时，我收到以下错误：

zone-evergreen.js:2981 从源“http://localhost:4200”访问“https://url/image.png”处的 XMLHttpRequest 已被 CORS 策略阻止：无“Access-Control-Allow-Origin” ' 标头存在于请求的资源上。

这很奇怪，因为我在 S3 存储桶权限中设置了以下 CORS 策略：

[
    {
        "AllowedHeaders": [
            "Authorization",
            "Content-Range",
            "Accept",
            "Content-Type",
            "Origin",
            "Range"
        ],
        "AllowedMethods": [
            "HEAD",
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag"
        ],
        "MaxAgeSeconds": 3000
    }
]

这是否是一个安全问题，不安全的站点无法访问图像并将其显示在 jspdf 的自动表中，而 stackblitz 可以这样做？我需要在 S3 存储桶策略中进行哪些更改才能允许此操作？

Answer 1

你解决了吗？我想在尝试创建包含 S3 图像的 PDF 时遇到同样的问题。

此外，我在 React 项目中使用了 JSPDF。