使用Iframe嵌入地址，X-Frame-Options 无法访问问题的解决方案

2023年 3月 1日 1009点热度 0人点赞 0条评论

问题

正常部署应用后，将部署应用的地址嵌入到ifame中，页面显示拒绝了连接请求，提示报错如下
请求头中返回的时候携带了 x-frame-options Sameorigin
参考 MDN解释 X-Frame-Options - HTTP | MDN (mozilla.org)

解决

修改当前的请求地址nginx配置，对iframe引入的http://com.ityj.frame/xframe/hello，通过nginx过滤掉X-Frame-Options的配置

location / {
#root   html;
#index  index.html index.htm;
proxy_pass   http://com.ityj.frame;

proxy_hide_header X-Frame-Options;   # 避免出现多个X-Frame-Options属性
add_header X-Frame-Options ALLOWALL; # 将之前网页的SAMEORIGIN属性给替换了
}