在浏览器中加载被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发生。 我是一个初学者在这和帮助表示赞赏