DOMException：阻止具有原始“http：// localhost”的帧访问跨源帧

Posted 2021-05-05

我在不同的域上有两个Web应用程序。

1. Web App1
2. Web App2

我的最终目标如下。

我找到了在Asp.net MVC - 5中使用Google帐户API登录的教程。

https://tutorialslink.com/Articles/How-to-login-with-Google-account-API-in-Aspnet-MVC---5/18

通过使用相同的概念，我试图做下面的事情

1. 从WebApp1打开WebApp2
2. 从WebApp2 on Apply事件重定向到指定的URL由URL +加密格式的所需数据组成。
3. 从WebApp1通过不断检查更新的URL并相应地在WebAp1上显示数据。
4. 关闭WebApp2。

要实现上述步骤，我的源代码（WebApp1）如下所示。

var REDIRECT = "http://localhost/Home/Test";
var webApp2 = window.open("WebApp2Url", "CrossDomain", '', true);

var pollTimer = window.setInterval(function () {
try {
    if (webApp2.document.URL.indexOf(REDIRECT) != -1) {
    window.clearInterval(pollTimer);
    // logic to retrieve data from webApp2.document.URL
    webApp2.close();
    debugger;
    }
}
catch (e) {
}
}, 500);

我在代码行遇到错误

[if (webApp2.document.URL.indexOf(REDIRECT) != -1) {]

DOMException：阻止具有原始“http://localhost”的帧访问跨源帧。

请任何人指导我解决上述错误。

我已尝试在WebApp2中启用CORS但它不起作用。

任何设计WebApp2的想法都非常受欢迎。

答案

我也有同样的工作。

在我的WebApp2中完成处理后，我将控制重定向到我的WebApp1，即domain1。

参考：

How do I get around window.opener cross-domain security