如何配置 add_header X-Frame-Options 防止静态页面被恶意嵌套

冬雪君_4161

冬雪君_4161

2026-05-20

316人浏览

原创

应以Content-Security-Policy的frame-ancestors为主,X-Frame-Options仅作IE10/11兼容;因主流浏览器忽略X-Frame-Options、ALLOW-FROM已弃用、SAMEORIGIN易误拦合法嵌入,且多头冲突可能导致响应被拒。

如何配置 add_header x-frame-options 防止静态页面被恶意嵌套

直接加 add_header X-Frame-Options 并不能真正防止静态页面被恶意嵌套,它只是向浏览器“声明意图”,而现代浏览器已基本忽略它。当前(2026年)应以 Content-Security-Policy: frame-ancestors 为主,X-Frame-Options 仅作 IE10/11 或老旧系统兼容用。

为什么单独配 X-Frame-Options 不够用

Chrome、Firefox、Edge 等主流浏览器在检测到 frame-ancestors 指令后,会完全不读取 X-Frame-Options;ALLOW-FROM 在 Chrome 46+ 和 Firefox 76+ 中已彻底失效;SAMEORIGIN 会误拦合法嵌入(如微前端子应用、SaaS 控制台内嵌仪表盘);若 Nginx 和后端 PHP/Node 同时设置该头,可能重复发送,部分浏览器直接拒收响应。

如果仍需配置 X-Frame-Options,必须满足这些条件

  • 只在 server 或 location ~ \.html$ 块中设置一次,避免多层叠加
  • 值只能是 DENY 或 SAMEORIGIN(ALLOW-FROM 已弃用,勿用)
  • 务必加上 always 参数,确保 404、500 等错误页也携带该头:
    add_header X-Frame-Options "SAMEORIGIN" always;
  • 确认所有静态 HTML 文件都由同一 Nginx location 规则返回,否则某些路径会漏配

更推荐的现代做法:用 CSP 替代

对静态页面,直接使用 frame-ancestors 更灵活、标准、可组合:

  • 完全禁止嵌入:add_header Content-Security-Policy "frame-ancestors 'none';" always;
  • 仅允许同源嵌入:add_header Content-Security-Policy "frame-ancestors 'self';" always;
  • 放行多个可信域名:add_header Content-Security-Policy "frame-ancestors https://admin.example.com https://embed.trusted.io;" always;

补充提醒:别和前端 meta 或 JS 冲突

HTML 中写 无效,浏览器只认 HTTP 响应头;JS 检测(如 if (top !== self))只能作为辅助手段,无法替代服务端策略,且易被绕过。重点还是把 CSP 头配准、配全、配稳。

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

423

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

4187

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

7085

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

601

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1516

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3998

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

577

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

179

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
热门推荐
/
最新课程
phpStudy极速入门视频教程
phpStudy极速入门视频教程

共6课时 | 54.7万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时 | 134.3万人学习