nginx - 处理Refused to display 'url'... in a frame because it set 'X-Frame-Options' to 'sam...

栏目: 服务器 · Nginx · 发布时间: 7年前

内容简介：参考；今天遇到个问题：某父页面(a.com ) 使用iframe 包含子页面(b.com)时，发现页面是空白页，显示的是：

nginx - 处理Refused to display 'url'... in a frame because it set 'X-Frame-Options' to 'sameorigin'.

2019-01-11 14:22

访问量: 5

参考； https://stackoverflow.com/questions/30731290/how-to-set-x-frame-options-allow-from-in-nginx-correctly 和

https://stackoverflow.com/questions/27358966/how-to-set-x-frame-options-on-iframe

今天遇到个问题：某父页面(a.com ) 使用iframe 包含子页面(b.com)时，发现页面是空白页，显示的是：

Refused to display 'url'... in a frame because it set 'X-Frame-Options' to 'sameorigin'.

原因是：子页面的response并没有返回相关的header.

解决办法：

为子页面的nginx 中，添加：

location ~ ^/(images|javascripts|stylesheets|upload|assets|video)/  {
        root /mnt/www/your-project/public;
        expires 30d;
        add_header Cache-Control public;
        add_header ETag "";
        add_header X-Frame-Options "allow-from http://a.com";  // a.com 是父页面

      }

另外，对于chrome ，可能还需要多返回一个：（参考： https://stackoverflow.com/questions/30731290/how-to-set-x-frame-options-allow-from-in-nginx-correctly ）

add_header Content-Security-Policy: frame-ancestors a.com

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

网站开发案例课堂：HTML5+CSS3+JavaScript网页设计案例课堂

刘玉红 / 2015-1-1 / 68

《网站开发案例课堂：HTML5+CSS3+JavaScript网页设计案例课堂》作者根据在长期教学中积累的网页设计教学经验，完整、详尽地介绍HTML 5 + CSS 3 + JavaScript网页设计技术。《网站开发案例课堂：HTML5+CSS3+JavaScript网页设计案例课堂》共分24章，分别介绍HTML 5概述、HTML 5网页文档结构、HTML 5网页中的文本和图像、HTML......一起来看看《网站开发案例课堂：HTML5+CSS3+JavaScript网页设计案例课堂》这本书的介绍吧!

码农工具