Question

我知道这个问题已在这里多次提出，但我无法找到完美的解决方案。

我正在尝试将我的Angular 4应用程序网址嵌入到iframe中：

<html>
    <body>
        <iframe src="http://localhost:4300/login" height="200"></iframe>
    </body>
</html>

但是，只要我打开此页面，我就无法看到我的应用程序正在运行。我发现这个问题与CORS有关，但我无法找到确切的解决方案。

在我的浏览器控制台上，我收到以下错误：

ERROR DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
    at t._loadLevel (http://localhost:4300/vendor.0a81172ada1f31f3dc62.bundle.js:1:927903)

现有的类似问题：

Link inside iframe wont work

How to open a iframe link within the same iframe?

how to resolve iframe cross domain issue

https://github.com/apollographql/apollo-client-devtools/issues/106

https://github.com/disconnectme/disconnect/issues/315

https://www.chromium.org/for-testers/bug-reporting-guidelines/uncaught-securityerror-failed-to-read-the-localstorage-property-from-window-access-is-denied-for-this-document

Iframe in Chrome error: Uncaught SecurityError: Failed to read the 'sessionStorage' property from 'Window'

请帮我解决这个问题。

Answer 1

冒着听起来过于简单的风险，您是否尝试在您使用的任何浏览器中启用第三方Cookie？

我在localStorage和iframe里面有一个角度应用程序时遇到了一些问题，最终工作正常。

例如，在Chrome中：

https://www.chromium.org/for-testers/bug-reporting-guidelines/uncaught-securityerror-failed-to-read-the-localstorage-property-from-window-access-is-denied-for-this-document

无法在Iframe中打开链接

1 个答案: