Amazon s3 HTML导入Amazon s3 No'；访问控制允许原点'；请求的资源上存在标头

我正在从启用了

cors

的cdn加载我的所有项目资源，但是html导入在第一次加载页面时失败（然后在加载之后成功）

产生以下错误：

s3 amazon No 'Access-Control-Allow-Origin' header is present on the requested resource.

我搜索了几乎所有相关页面，并尝试了一百万种解决方案，例如：

在s3 bucket上添加cors头，有人说range解决了他们的问题，有人说expose头解决了他们的问题，我添加了all并在它们之间切换，但问题是一样的

http://*
https://*
得到
埃塔格
接受范围
内容范围
内容编码
内容长度
访问控制允许源
范围
*

在cors规范中，据说重复的cors头会导致请求失败，所以我确保没有重复的cors头

飞行前请求在服务器上启用，并包含所有必需的配置（允许的标头等）

解决方案 我的问题的解决方案是将

crossorigin=“anonymous”

添加到导入链接

link(rel="import", id="htmlImports", href=`components.html`,
     async, crossorigin="anonymous")

默认情况下，s3 bucket通过添加

crossorigin=“anonymous”

元素的跨源CORS请求将设置“忽略凭据”标志

这将使html导入请求每次都有效

注 如果任何人有其他选择或可以详细解释行为，请这样做

解决方案 我的问题的解决方案是将

crossorigin=“anonymous”

添加到导入链接

link(rel="import", id="htmlImports", href=`components.html`,
     async, crossorigin="anonymous")

默认情况下，s3 bucket通过添加

crossorigin=“anonymous”

元素的跨源CORS请求将设置“忽略凭据”标志

这将使html导入请求每次都有效

注 如果任何人有其他选择或可以详细解释行为，请这样做