Django 出现 frame because it set X-Frame-Options to deny 错误

一、背景

使用django3 进行开发时，由于项目前端页面使用iframe框架，浏览器错误提示信息如下

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、网络空间、营销软件、网站建设、古交网站维护、网站推广。

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

根据提示信息发现是因为 X-Frame-Options=deny 导致的。

二、X-Frame-Options

1 X-Frame-Options是什么

The X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在,</code>,<code><embed></code>或者<code><object></code>中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，从而避免点击劫持（clickjacking）攻击。 2语法 X-Frame-Options 有三个值： <ul> <li> DENY ：表示该页面不允许在 frame 中展示，即便是在相同域名的页面中嵌套也不允许 </li> <li> SAMEORIGIN ：表示该页面可以在相同域名页面的 frame 中展示 </li> <li> ALLOW-FROM uri ：表示该页面可以在指定来源的 frame 中展示 </li> </ul> 根据上述 X-Frame-Options的三个值描述，只要修改django的X-Frame-Options为SAMEORIGIN ，那么相同域名页面就可以使用frame中展示。 3功能 <ul> <li> 点击劫持保护 </li> </ul> clickjacking中间件和装饰器提供了易于使用的保护，以防止clickjacking。当恶意站点诱使用户单击他们已加载到隐藏框架或iframe中的另一个站点的隐藏元素时，会发生这种类型的攻击。 <ul> <li> 防止点击劫持 </li> </ul> 现代浏览器采用X-Frame-Options HTTP标头，该标头指示是否允许在框架或iframe中加载资源。如果响应包含标头值为的标头，SAMEORIGIN则浏览器将仅在请求源自同一站点时才将资源加载到框架中。如果将标头设置为，DENY则无论哪个站点发出请求，浏览器都将阻止资源加载到框架中。 <h3>三、在Django 中设置</h3> <hr> 在django3.0 版本中，默认开启点击劫持保护。Django 提供了几种在您的网站响应中包含此标头的方法： <ul> <li> 在所有响应中设置标头的中间件。 </li> <li> 一组视图装饰器，可用于覆盖中间件或仅为某些视图设置标头。 </li> </ul> 如果 X-Frame-OptionsHTTP 头尚未在响应中出现，则仅由中间件或视图装饰器设置。 Django默认开启点击劫持保护 设置X-Frame-Options为所有响应 要X-Frame-Options为您站点中的所有响应设置相同的值，请在 setting.py中 MIDDLEWARE 输入 'django.middleware.clickjacking.XFrameOptionsMiddleware' <pre class="language-python highlighter-hljs"><code>MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', ]</code></pre> 在生成的设置文件中启用了该中间件 startproject。 默认情况下，中间件将为每个<code>outgoing</code>将<code>X-Frame-Options</code>标头设置<code>DENY</code>为<code>HttpResponse</code>。 1 设置允许同域名网站使用frme展示 默认情况下，中间件将为每个出站的<code>HttpResponse</code>将<code>X-Frame-Options</code>头设置为<code>DENY</code>。 如果您希望此标头的任何其他值，请设置<code>X_FRAME_OPTIONS</code>设置 <pre class="language-python highlighter-hljs"><code># settings.py X_FRAME_OPTIONS = 'SAMEORIGIN'</code></pre> 当前文章：Django 出现 frame because it set X-Frame-Options to deny 错误 URL网址：<a href="http://scyanting.com/article/dsogsoe.html">http://scyanting.com/article/dsogsoe.html</a> </div> </div> <div class="contentr fr"> <h3>其他资讯</h3> <ul> <li> <a href="/article/sohdse.html">外贸企业如何建立线上营销体系？</a> </li><li> <a href="/article/sohdsc.html">企业域名怎么填？创新互联告诉你正确填写方法</a> </li><li> <a href="/article/sohdcc.html">制作网页的费用是多少如何设计网页</a> </li><li> <a href="/article/sohdec.html">sh.cn域名注册多少钱？.sh.cn域名有什么特点？</a> </li><li> <a href="/article/sohohe.html">域名一定要备案吗？什么情况下域名可以不备案？</a> </li> </ul> </div> </div> </div>  <footer> <div class="foot"> <div class="container"> <h1>盐亭大橙子建站您身边的网站制作服务商</h1> <div class="foot1"> <ul> <li> <dl>地址ADDRESS</dl> 四川-成都青羊区太升南路288号 锦天国际A座10楼 </li> <li> <dl>电话/TEL</dl> <a href="tel:02886922220" target="_blank">028 86922220</a> (工作日) <a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 ) </li> <li> <dl>QQ咨询</dl> 244261566 (售前) 631063699 (售后) </li> <li> <dl>邮箱/E: mail</dl> service@cdcxhl.com (业务) hr@cdcxhl.com (求职) </li> </ul> </div> <div class="link"> 友情链接： <a href="http://www.sczqjs.com/" title="中晴建设" target="_blank">中晴建设</a>   <a href="http://www.qltuopan.com/" title="成都木托盘" target="_blank">成都木托盘</a>   <a href="http://www.abwzjs.com/" title="阿坝网站建设" target="_blank">阿坝网站建设</a>   <a href="https://www.cdxwcx.com/city/guangan/" title="广安做网站" target="_blank">广安做网站</a>   <a href="http://chengdu.cdcxhl.cn/wechat/ " title="成都微信开发" target="_blank">成都微信开发</a>   <a href="http://www.wjwzjz.com/" title="温江做网站公司" target="_blank">温江做网站公司</a>   <a href="http://www.cdhuace.com/baozhuang.html" title="产品包装设计" target="_blank">产品包装设计</a>   <a href="https://www.cdxwcx.com/" title="成都网络公司" target="_blank">成都网络公司</a>   <a href="http://www.36103.cn/" title="成都网站设计" target="_blank">成都网站设计</a>   <a href="https://www.cdcxhl.com/tuoguan.html" title="四川主机托管" target="_blank">四川主机托管</a>    </div> </div> </div> <div class="copy container"> Copyright © 2017-2023 All Rights Reserved. 青羊区大橙子信息咨询工作室版权所有 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2022028542号-18</a> [原创设计,独立版权。未经许可.不得拷贝或镜像] <a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站制作</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站制作</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">盐亭网站维护</a> | (盐亭网站制作QQ : 631063699 )</div> </footer>  <div class="fot"> <ul> <li> <a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank"> <img src="/Public/Home/img/fot1.png" alt="建站咨询"> 在线咨询 </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/img/fot2.png" alt="建站电话"> 拨打电话 </a> </li> </ul> </div> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>