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

博客图片上传不到七牛,最后发现报如下错

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

报错截图 x-frame-options报错截图 1.检查response headers

里面确实X-Frame-Options的值是deny 这使得我突然想起,之前配置A+ssl的时候把这个值设置为DENY了...

尴尬ing.....🤣🤣🤣🤣

2.修改nginx配置

修改nginx这个站点server中的配置

server {
    //......

    add_header X-Frame-Options SAMEORIGIN;
}

3.重启nginx

nginx -s reload

4.检查response headers值

😆😆😆😆当然图片也上传成功了啊..🎉🎉🎉🎉

以下是关于 X-Frame-Options 响应头的说明

说明: X-Frame-Options HTTP 响应头是用来给浏览器指示允许一个页面可否在 <frame><iframe> 或者 <object> 中展现的标记。网站可以使用此功能,来确保自己网站的内容没有被嵌到别人的网站中去,也从而避免了点击劫持 (clickjacking) 的攻击。

X-Frame-Options 有三个值:

1.DENY

表示该页面不允许在 frame 中展示,即便是在相同域名的页面中嵌套也不允许。

2.SAMEORIGIN

表示该页面可以在相同域名页面的 frame 中展示。

3.ALLOW-FROM uri

表示该页面可以在指定来源的 frame 中展示。

换一句话说,如果设置为 DENY,不光在别人的网站 frame 嵌入时会无法加载,在同域名页面中同样会无法加载。另一方面,如果设置为 SAMEORIGIN,那么页面就可以在同域名页面的 frame 中嵌套。