脚本权限错误,即使启用了CORS也是如此

Question

我的页面P1上有一个iframe,它托管在服务器S1上.在运行时,我会iframe.src=在iframe中加载托管在服务器S2上的页面P2.

我知道CORS和服务器S2上的P2页面,我已经设置了Access-Control-Allow-Origin: *,当我在浏览器中查看时,我可以在响应头上确认相同的内容.

现在页面P2及其所有资产只加载文件,但是当我尝试从P1访问P2的DOM时window.frames["iframe"].document,它会抛出权限错误.

即使我Access-Control-Allow-Origin: *在服务器S2上设置,为什么我仍然无法访问P2的DOM？这Access-Control-Allow-Origin: *是应该工作的方式吗？

Answer 1

您可以使用 PostMessages 设置文档之间的通信。即使他们来自不同的领域。

您可以通过PostMessage发送数据。虽然有限，但总比没有好

看看http://easyxdm.net/wp/它有很好的 api 可以使用。很久以前，我用该库发出了跨域 http <-> https ajax 请求。