ViewerJS、S3 和 CORS - 从不同的 S3 存储桶/域加载资源答案

【问题标题】：ViewerJS, S3 and CORS - load resource from different S3 bucket/domainViewerJS、S3 和 CORS - 从不同的 S3 存储桶/域加载资源
【发布时间】：2021-06-17 21:27:33
【问题描述】：

我有两个 S3 存储桶。

my-js-bucket 有 ViewerJS 库文件
my-file-bucket有我要查看的文件

我将以下内容添加到 my-file-bucket 的 CORS：

[
    {
        "AllowedHeaders": [],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]

当我尝试加载页面时，例如：

https://my-js-bucket.s3.ca-central-1.amazonaws.com/ViewerJS/index.html#https://my-file-bucket.s3.ca-central-1.amazonaws.com/logo.png

我在控制台中收到 CORS 错误。

【问题讨论】：

标签： amazon-s3 cors

【解决方案1】：

我所要做的就是将“HEAD”添加到 AllowedMethods。

[
    {
        "AllowedHeaders": [],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]

【讨论】：