Django：六、使用iframe标签内嵌页面报错；拒绝了我们的连接请求；because it set ‘X-Frame-Options‘ to ‘deny‘.

10月前作者：Haodong丶分类：Toy博客阅读(48) 违法举报

这篇具有很好参考价值的文章主要介绍了Django：六、使用iframe标签内嵌页面报错；拒绝了我们的连接请求；because it set ‘X-Frame-Options‘ to ‘deny‘.。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、报错

使用标签内嵌页面时报错：

127.0.0.1 拒绝了我们的连接请求。

iframe拒绝了我们的请求,django,python,后端

查看错误代码，发现：

Refused to display 'http://127.0.0.1:8000/' in a frame because it set 'X-Frame-Options' to 'deny'.

iframe拒绝了我们的请求,django,python,后端

二、错误原因

由于x-frame-options设置了deny属性，导致了iframe失效，x-frame-options响应头是用来给浏览器设置允许一个页面可否在<frame>、<iframe>中展现的标记，有三个属性

deny：页面不允许在iframe中展现，相同域名嵌套也不允许
sameorigin：允许在相同域名嵌套展示
allow-from uri：允许指定源的iframe展示，即白名单

三、解决办法

在settings.py增加

X_FRAME_OPTIONS = 'SAMEORIGIN'

iframe拒绝了我们的请求,django,python,后端

成功解决：

iframe拒绝了我们的请求,django,python,后端文章来源地址https://www.toymoban.com/news/detail-772441.html

到了这里，关于Django：六、使用iframe标签内嵌页面报错；拒绝了我们的连接请求；because it set ‘X-Frame-Options‘ to ‘deny‘.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

内嵌 iframe 实现PDF预览

效果图如下：代码如下：

2024年02月12日
浏览(57)
iframe内嵌链接常见问题

问题1： Refused to display \\\'http://localhost:8080/xxx\\\' in a frame because it set \\\'X-Frame-Options\\\' to \\\'sameorigin\\\' 出现原因：X-Frame-Options 响应头表示浏览器是否允许一个页面在 frame、iframe、embed 、object 标签中显示。站点维护人员可以通过设置该请求头确保自己的网站没有被嵌入到别人的网站

2024年02月06日
浏览(45)
vue3-内嵌iframe的传参与接收参数

项目场景：当项目a需要用到项目b中的某个模块，如项目b中的支付模块与项目a的支付模块是通用的，可以使用iframe将项目b内嵌在项目a中，达到代码功能复用的效果。既然两个项目中有共通的内容就少不了互相通信。核心的两个方法是传值：postMessage() 和接收值：addEven

2024年02月12日
浏览(39)
iframe视频调用自适应页面大小使用css控制（同样适合其他元素）

为了使iframe中的视频自适应页面大小，您可以使用CSS控制其宽度和高度。方便在电脑端和手机端等自适应显示大小，在实际项目还是比较常见呢，用CSS 不用再写JS来控制，这个是蛮不错呢。首先，在HTML文件中，将iframe嵌入到一个包装元素（例如）中，并为该包装元素分配一

2024年02月11日
浏览(41)
【AngularJs】前端使用iframe预览pdf文件报错

iframe style=\\\"width: 100%; height: 100%;\\\" src=\\\"{{vm.previewUrl}}\\\"/iframe 在ctrl文件中信任该文件就可以了 vm.trustUrl = $sce.trustAsResourceUrl(vm.previewUrl);//信任该文件在html中： X-Frame-Options： HTTP 响应头是用来给浏览器指示允许一个页面可否在 frame , iframe , embed 或者 object 中展现的标记

2024年04月25日
浏览(41)
微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题

背景最近接到一个h5需求，和普通的h5不一样，这个h5页面是嵌入到小程序中使用的，需求简单来说就是展示一个跳转按钮，判断如果是小程序环境下就进行跳转到其他小程序页面。实现思路核心逻辑其实就是判断小程序环境这一块，我们可以直接使用wxsdk来进行判断小程序

2024年02月09日
浏览(84)
iframe标签下的通信

通常在页面中嵌套iframe的情况下还需要进行消息传递的通信需求。一般分为两种情况： 1.iframe里的链接与父页面链接是非跨域这种情况处理比较简单，直接在父级页面下就可以写脚本控制iframe里的元素，同时对iframe里的元素进行操作，例如绑定事件，当事件触发时发

2024年02月12日
浏览(35)
tomcat显示localhost 拒绝了我们的连接请求

我的问题是tomcat版本号高了，我的jdk是1.8.0_131，tomcat是10.1.7，看了环境变量配置和端口占用都没有问题，后来将tomcat版本降到了9.0.73 ，就可以在浏览器访问localhost:8080了。（官网上tomcat10可以配置jdk8版本，但是不确定什么原因我的电脑不可以）下面，是我的修改过程

2024年02月15日
浏览(40)
HTML ＜iframe＞标签的常用属性--详解(附加代码)

iframe 标签用于在网页中嵌入另一个文档（通常是外部网页）或者内嵌内容。以下是 iframe 标签的示例代码和一些常用属性：通过使用 iframe 标签，可以将其他网页的内容嵌入到当前网页中，并提供许多可选属性来控制它们的行为和样式。上述示例演示了基本的使用方法以及一

2024年02月12日
浏览(44)
Vue教程：如何使用Div标签实现单选框与多选框按钮以便我们随意调整样式

前言：在写Vue项目时，我们经常会用到单选框以及复选框，以往我们常用的是Element里面的单选框以及复选框，但是呢这里面的选框都不容易调整，假如我们需要不同的样式以及大小，就很难去实现想要的结果，本章教程就为大家讲解，如何使用div标签去实现单选，多选的这

2024年01月18日
浏览(35)