首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML亚马逊s3没有“访问-控制-允许-原产地”标题存在于请求的资源上

HTML亚马逊s3没有“访问-控制-允许-原产地”标题存在于请求的资源上
EN

Stack Overflow用户
提问于 2016-09-06 23:08:24
回答 1查看 583关注 0票数 1

在启用cors的情况下,我将从cdn加载所有项目的资源,但是html导入在第一个页面加载时失败(然后在加载之后成功)。

代码语言:javascript
复制
link(rel="import" id="htmlImports" href=`components.html` async)

产生以下错误:

代码语言:javascript
复制
s3 amazon No 'Access-Control-Allow-Origin' header is present on the requested resource.

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

  1. 在s3桶中添加cors头,有人说这个范围解决了他们的问题,有人说公开标题解决了他们的问题,我在他们之间添加了全部和切换,但是问题是相同的。

<?xml version="1.0" encoding="UTF-8"?> <CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> <CORSRule> <AllowedOrigin>http://*</AllowedOrigin> <AllowedOrigin>https://*</AllowedOrigin> <AllowedMethod>GET</AllowedMethod> <ExposeHeader>ETAG</ExposeHeader> <ExposeHeader>Accept-Ranges</ExposeHeader> <ExposeHeader>Content-Range</ExposeHeader> <ExposeHeader>Content-Encoding</ExposeHeader> <ExposeHeader>Content-Length</ExposeHeader> <ExposeHeader>Access-Control-Allow-Origin</ExposeHeader> <AllowedHeader>range</AllowedHeader> <AllowedHeader>*</AllowedHeader> </CORSRule> </CORSConfiguration>

  1. 在cors规范中,据说重复的cors头会导致请求失败,所以我确保没有副本。
  2. 在服务器上启用飞行前请求,并包含所有必需的配置(允许的标头等)。
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-06 23:08:24

解决方案

我问题的解决方案是将crossorigin="anonymous"添加到导入链接中。

代码语言:javascript
复制
link(rel="import", id="htmlImports", href=`components.html`,
     async, crossorigin="anonymous")

默认情况下,s3桶发送一个Access-Control-Allow-Credentials: true头,从而通过添加crossorigin="anonymous"

元素的跨源CORS请求将设置省略凭据标志。

这将使html导入请求每次都能工作。

备注

如果有人有其他选择或可以详细解释行为,请做!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39359051

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档