问题标签 [cross-origin-resource-policy]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
iframe - iframe - 使用 iframe 执行 SSO 并访问身份验证墙后面的页面
我有 2 个域,一个托管我的应用程序 - myapp
,另一个托管 gooddata 仪表板 - analytics.myapp
。我想在我的应用程序的页面中嵌入一个gooddata仪表板。我已将 frame-src 设置为允许来自仪表板所在域的请求:
我还在CORS
主机analytics.myapp
上设置了允许来自myapp
域的请求:
我想将包含来自域的内容的 iframe 嵌入到域analytics.myapp
上的页面中,只有在您通过身份验证后才能看到myapp
。现在,当我加载内容时,iframe 正在显示登录页面,如果我尝试通过 iframe 登录,则会收到错误消息:
如果我analytics.myapp
在另一个不起作用的选项卡中使用用户登录,因为 cookie 不会发送到myapp
域。我看到可以通过他们文档中的 api 进行身份验证。他们也有关于如何嵌入仪表板的文档,但是为了查看嵌入式仪表板文档说:
用户必须是工作区成员才能查看嵌入式仪表板。
我还没有实现 SSO(单点登录),但我想知道一旦我实现它,CORS 还会有问题吗?我想,一旦我实现了这个,并且来自myapp
域的用户转到我有一个带有嵌入式仪表板的 iframe 的页面analytics.myapp
,他们将被重定向到一个身份验证端点,在该端点上myapp
,用户将通过 SSO 进行身份验证analytics.myapp
并重定向回来与analytics.myapp
用户数据。
现在是正确的流程,并且可以与 iframe 一起使用,是否有任何 CORS 问题,可以这样实现吗?
google-chrome - chrome升级到83后浏览器屏蔽了服务端界面的响应
铬 81
服务器配置了响应头 'Cross-Origin-Opener-Policy':'same-origin', 'Cross-Origin-Embedder-Policy':'require-corp',
浏览器访问服务器界面没有问题
铬 83
服务器配置了响应头 'Cross-Origin-Opener-Policy':'same-origin', 'Cross-Origin-Embedder-Policy':'require-corp',
我的浏览器访问服务器接口返回错误:加载资源失败:net::ERR_BLOCKED_BY_RESPONSE
将响应头添加到服务器接口后,该接口就可以正常访问了。“跨域资源策略”:“跨域”
我们的一些接口需要第三方接口,例如 AWS 上传。我们无法为这些接口配置'Cross-Origin-Resource-Policy':'cross-origin' 这将导致使用 AWS 上传失败。这种情况有什么解决办法吗?
websecurity - 为什么需要跨域隔离和CORB/CORP?
使用的缩写:
- CORP:跨域资源策略
- CORS:跨域资源共享
- CORB:跨源读取阻塞
- SSCA:投机侧信道攻击,如 Spectre
看了这篇文章,还是不明白为什么需要跨域隔离和CORB/CORP。具体来说:
如果网页可以在不使用跨域隔离功能(如
SharedArrayBuffer
)的情况下执行 SSCA,这就是 Chromium 的假设:- 为什么需要跨域隔离才能访问这些功能?
否则,如果网页在不使用跨域隔离功能的情况下无法执行 SSCA:
- 为什么需要 CORB 和 CORP?
另外,由于网页可以使用跨域隔离功能执行 SSCA,那么使用Cross-Origin-Resource-Policy: cross-origin
和之间有什么区别Access-Control-Allow-Origin: *
,因为 SSCA 可以通过嵌入资源来读取数据并且Access-Control-Allow-Origin: *
不需要它?
google-chrome - 添加 COOP COEP HTTP 标头会导致第三方脚本停止在 Chrome 上运行
我们收到来自 Google 的消息,说我们需要添加 COOP 和/或 COEP 标头
https://example.com/上对SharedArrayBuffers的新要求Google 系统最近检测到在https://example.com/ 上使用了 SharedArrayBuffers (SAB) ,但不提供COOP和/或COEP标头。出于 Web 兼容性原因,Chrome 计划从 Chrome 91 (2021-05-25) 开始要求 COOP/COEP 才能使用 SAB。请在您的网站上实施“跨域隔离”行为。
我们相应地添加了这些标题。
并为所有外部资源添加crossorigin
属性
然而,
第三方外部脚本加载的其他资源不会加载,会ERR_BLOCKED_BY_RESPONSE
报错。
这不是在添加 COOP 和 COEP 标头后唯一被破坏的第 3 方脚本。Google Recaptcha v2 也坏了。
这发生在 Chrome 版本 89.0.4389.90
有谁知道如何在不要求每个第三方为我们更改其 CORS 标头的情况下解决此问题?
html - 如何在我的网站上显示 Instagram 图片
我正在使用jsanahuja/jquery.instagramFeed在我的网站上显示 Instagram 提要
但是图像没有显示。我在控制台中收到以下错误。
我检查了浏览器中的标题。这是请求和响应标头。
甚至我创建了一个带有单个图像标签的简单 HTML 文件并使用
https://scontent-arn2-2.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/174191033_293248945850264_4706822520582962514_n.jpg?tp=1&_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=1&_nc_ohc=lUMp5EnMMW8AX__E42K&edm=ABfd0MgBAAAA&ccb=7-4&oh=c755580e7a5f0c8e3d4170122390efbc&oe=60AE0543&_nc_sid=7bff83
作为图像源,但仍然出现相同的错误。
有没有可能显示图像?还是 Instagram 不允许我们在网站上使用他们的图片?
php - 将 Instagram 图像保存到 WP 库
我正在使用instagram PHP 抓取工具每天一次从 Instagram 获取一些图像,现在我想将它们保存到 WP 以符合新的 Instagram API“跨域资源策略:同源”限制。
不幸的是,下载图像对我来说似乎是个问题。我得到这样的 URL:
应该只是保存 jpg 但不幸的是 file_get_contents 返回一个空文件。
我目前正在使用此代码:
$imagetype 也是空的,因为 getimagesize()['mime'] 是空的。
我真的不知道如何下载图像,因为我不太熟悉 PHP。你知道如何最好地存档吗?非常感谢!
php - 如果我不使用此代码,则永远不会显示 instagram 图像
仅当我使用此代码时,图片才会显示在我的网站中...
但如果使用这个:
它显示损坏的图像,如下所示:https : //i.imgur.com/ufJHy1n.png 并且它只发生在 instagram 图像中,因为 url 的结尾不像 xxxx.jpg 请帮助!
amazon-s3 - 如何修复s3上的cors
我使用https://docs.aws.amazon.com/AmazonS3/latest/userguide/ManageCorsUsing.html在 s3 上设置了 CORS 。在我的网站上,我ckeditor
用来上传将其发送到 s3 的图像。问题是,POST
作品但GET
没有。失败了
跨域资源策略
要使用来自不同来源的资源,服务器需要在响应头中指定跨域资源策略:
Cross-Origin-Resource-Policy: same-site
如果资源和文档是从同一站点提供的,请选择此选项。
Cross-Origin-Resource-Policy: cross-origin
仅当包含此资源的任意网站不会造成安全风险时才选择此选项。
来自 GET 的响应
我在 apache 服务器上有以下设置
node.js - 无法使用 Print Js 打印 PDF 文件
下面给出的是我试图从中打印 pdf 文件的代码。
但它不工作并且在 chrome 控制台上跳到错误之下
从源“null”访问“file:///test.pdf”处的 XMLHttpRequest 已被 CORS 策略阻止:跨源请求仅支持协议方案:http、data、chrome、chrome-extension、chrome-untrusted、 HTTPS。
我遵循 Print-js 文档中所述的所有规则。我的 {.pdf} 文件和 {.html} 文件在同一个文件夹中。它与 {.jpg} 文件一起工作正常。请帮我。
我正在分享我的头标签 JS 中包含的脚本的链接:- https://printjs-4de6.kxcdn.com/print.min.js CSS:- https://printjs-4de6.kxcdn.com/print .min.css
amazon-web-services - 如何修复错误在使用 Amazon 的 S3 和 Cloudfront 时,请求的资源上不存在“Access-Control-Allow-Origin”标头
当我配置 S3 和 Cloudfront 以保护我的高级文件时,我遇到了 Cloudfront 的跨域问题,我研究并找到了这个链接并按照该教程修复我的错误,但它不起作用。
以下是我的错误和我的配置:
1. Cloudfront 行为配置
2. S3跨域资源共享(CORS)配置
我花了很多时间研究和解决这个问题,但不能,请帮我解决这个问题或告诉我配置有什么问题?
太感谢了。