如何允许iframe嵌入网页? (iframe显示空白屏幕)

时间:2018-02-12 17:25:22

标签: javascript html nginx iframe

我正在尝试将我的网络应用中的网址放在iframe中,以便在其他网站上显示。

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://mywebsite.com/a-page"></iframe>

但是现在页面没有显示在iframe中。它完全是空白的。一些互联网研究显示,这意味着我的网络应用程序未设置为允许iframe。我该怎么做(例如更改我服务器上的某些设置)以允许iframe嵌入?

我只想允许我的网络应用中的某些网址格式嵌入,即https://mywebsite/embeds/page-number。该站点使用react.js并使用Nginx服务器构建。

1 个答案:

答案 0 :(得分:0)

客户端(本例中为浏览器)阻止网站呈现。您必须将尝试访问要在iframe中加载的内容的原点列入白名单

如果您打开开发工具,您应该会看到类似这样的内容

Content security policy image

本文应提供您正在寻找解决问题的解决方案: Google Content Security Policy