当我尝试将图像插入 ngx-image-cropper 时出现 S3 CORS 错误

Question

我尝试将 S3 签名的下载 URL 插入 ngx-image-cropper 中；这是我的代码的片段：

<image-cropper [imageURL]="imageForCrop"/>

但我收到 CORS 错误。 我知道哪些浏览器缓存这些错误/图像，我应该在 URL 中添加一些参数值。但我无法在签名的 URL 中添加 params 值；当你有一个私有 URL 时它就可以工作。我也尝试使用 S3 下载 URL 获取此图像，但也出现了 CORS 错误。

这是我的存储桶 CORS：

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "PUT",
            "DELETE",
            "POST",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [],
        "MaxAgeSeconds": 3000
    }
]

Answer 1

试试这个

[
{
    "AllowedHeaders": ["*"],
    "AllowedMethods": ["GET", "HEAD"],
    "AllowedOrigins": ["*"],
    "ExposeHeaders": ["Content-Type", "Content-Length", "ETag"],
    "MaxAgeSeconds": 3000
}

]

或者如果仍然不起作用，请使用代理服务器，即获取节点服务器，然后在前端使用