未捕获的 DOMException答案

【问题标题】：Uncaught DOMException未捕获的 DOMException
【发布时间】：2018-07-07 16:57:35
【问题描述】：

将我的网站迁移到安全服务器时，由于存在安全问题，浏览器阻止了一个框架，这在我托管在 http 服务器上的现有网站上没有发生。 [Google Chrome 开发者控制台屏幕截图][1] [1]：https://i.stack.imgur.com/wQkpr.jpg

该页面应该加载一个日历，但它没有这样做。

我不是编码专家，也不知道如何解决这个问题。加载此页面时出现问题：

Page which generates DOMException

但是，正在开发的网站托管在非公共服务器上。为了访问它，Windows 平台上的主机文件需要添加以下代码：199.168.187.45 mauitradewinds.com www.mauitradewinds.com secure.mauitradewinds.com m.mauitradewinds.com

如果不将该代码添加到 hosts 文件中，浏览器将被重定向到我现有的 http 站点，这不是问题所在。

如果您能提供有关如何消除此帧阻塞的指导，我将不胜感激。

【问题讨论】：

标签： frames

【解决方案1】：

我猜你的 iframe 和主页之间存在协议冲突。

您的主页是通过 http 访问的，而 iframe 是通过 https 访问的。

您现有的网站很可能有从 http 到 https 的重定向，这就是现有网站上没有发生问题的原因。

【讨论】：

谢谢朱利安。我不相信主页是通过http访问的。仅当 Windows 主机文件未被修改时才会发生这种情况，如原始帖子中所述。如果修改了 hosts 文件，并且加载了相关页面，则可以看到源只有 https 引用。现有网站不会重定向到 https。查看 Chrome 开发者控制台中的 DOMException ，似乎“跨源”内容可能是附加到框架中 URL 的端口的形式。我不明白为什么或如何添加这些端口。
对于触发跨域错误的端口、协议或域必须不同。如果其中任何一个在 iframe 中与主机不同，则会发生跨源错误。

【解决方案2】：

Web 开发人员通过观察将 www 添加到 URL 将防止 DOMException 并允许加载页面框架内容来解决此问题。

【讨论】：