在浏览器中加载被X框拒绝

我正在尝试渲染从cloudant下载的pdf文件的URL。 我正在使用angular度和节点来做到这一点。

这是iFrame的html代码

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

在我的节点服务器中，我添加了这些

 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(); }); 

我的应用程序运行在端口http://127.0.0.1:8000/ 。 我的框架不在mozilla上呈现，并失败，出现以下错误

由X-Frame-Options拒绝加载： https ： //myaccount.cloudant.com/不允许通过http://127.0.0.1:8000/file进行加框。

iframe加载在谷歌浏览器，但与此错误。

加载“ https://myaccount.cloudant.com/db/filename/attachment ”时遇到无效的“X-Frame-Options”标头：“ALLOW-FROM https://myaccount.cloudant.com ”不是公认的指令。 标题将被忽略。

有人可以帮我什么添加，以防止这种forms发生。 我是一个初学者在这和帮助表示赞赏