使用 window.opener 会导致 CORS 错误

Question

我有一个创建弹出窗口的应用程序，它加载一个页面，然后从打开的窗口中获取数据，如下所示：

var globals = window.opener.globalsCache;

但是，当部署到生产环境时，这会间歇性地导致以下错误：

DOMException: Blocked a frame with origin from accessing a cross-origin frame

请注意，弹出窗口的 URL 与打开程序的 URL 完全相同，但哈希除外。 （即 https:/hostname.tld/application/#page-name ）。

以前有人见过这个问题吗？关于它为什么发生以及如何解决它的任何想法？

Answer 1

window.open 使用另一个域“window.opener”，因此 document.referrer 将不匹配。检查这个参考。同样的问题：Guarantee the origin (parent URL) of a cross domain window.opener call by preliminary CORS call to the server