angular js在iframe中加载外部站点答案

【问题标题】：angular js load external site in iframeangular js在iframe中加载外部站点
【发布时间】：2015-05-16 18:37:46
【问题描述】：

我有一个在 nodejs 上运行的 Angular js 应用程序。我想加载一个外部站点，外部站点也是我在不同 IP 上运行的应用程序，在加载模板 url 时在一个 div 中。所以在模板 url 中我提到了一个 HTML 文件。在我这样写的那个 HTML 文件里面。

<iframe src="myexternalurl"></iframe>

但在错误控制台中，它是这样的：

Refused to display 'myexternalurl' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.

【问题讨论】：

标签： angularjs iframe external-url

【解决方案1】：

将x-frame-options 标头更改为ALLOW-FROM {your app domain}

显然，在您的其他应用程序的主机/服务器/应用程序上，标头 x-frame-options 设置为 SAMEORIGIN，您需要禁用该标头或根据 x-frame-options 可能的值更正它：https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

【讨论】：

【解决方案2】：

您可以简单地将以下行添加到您的外部站点中的.htaccess（如果它是您的应用程序）

Header always unset X-Frame-Options

如果你想允许一些特定的网站。参考以下链接

https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

【讨论】：

假设 OP 使用 apache/.htaccess