Angularjs 浏览器中的X帧拒绝加载

我正在尝试呈现从cloudant下载的pdf文件的URL。我用angular和node来做这个

这是iFrame html代码

<iframe ng-src="{{trustSrc(bgFileUrl.src)}}" type="application/pdf" width="1400px" height="800px" > 
</iframe>

我的应用程序正在端口上运行。i帧无法在mozilla上渲染，并因以下错误而失败

X-Frame-Options拒绝加载：不允许通过设置帧

iframe在google chrome中加载，但出现此错误

加载“”时遇到无效的“X-Frame-Options”标题：“ALLOW-FROM”不是可识别的指令。标题将被忽略

---

有人能帮我添加什么来防止这种情况发生吗。我是这方面的初学者，非常感谢您的帮助

您了解x-frame-options的概念以及它们可以控制什么吗？iframe内容是来自服务器的内容吗？或者你无法控制的服务器上其他人的内容？主机页（包含iframe的页面）是您服务器上的内容吗？您好。。我对iframe的概念相当陌生。我的服务器通过存储在cloudant中的数据处理内容。因此，我可以控制服务器。是的，主机页也来自我的服务器。如果有人能建议我在浏览器中呈现从cloudant下载的pdf附件（除了iFrame），我将不胜感激。您是否了解x-frame-options的概念以及它们可以控制什么？iframe内容是来自服务器的内容吗？或者你无法控制的服务器上其他人的内容？主机页（包含iframe的页面）是您服务器上的内容吗？您好。。我对iframe的概念相当陌生。我的服务器通过存储在cloudant中的数据处理内容。因此，我可以控制服务器。是的，主机页也来自我的服务器。如果有人能建议我在iframes之外的浏览器中呈现从cloudant下载的pdf附件，我将不胜感激。

app.use(function(req, res, next) {
    res.setHeader("Access-Control-Allow-Methods", "POST, PUT, OPTIONS, DELETE, GET");
    res.header("Access-Control-Allow-Origin", "http://127.0.0.1:8000/");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("Access-Control-Allow-Headers","*");
    res.header('Access-Control-Allow-Credentials', true);
    next();
});