【安全研发】CSRF (跨站请求伪造) 深度复盘与防御体系

【安全研发】CSRF (跨站请求伪造) 深度复盘与防御体系

记录时间: 2026-01-21
核心逻辑: 盗用身份。黑客拿不到我的 Cookie,但他能利用浏览器的自动机制,"借刀杀人"操作我的账户。


1. 攻击原理:浏览器是"内鬼"
  • 机制: 只要向目标域名发请求,浏览器会自动带上该域名的 Cookie。
  • 场景: 用户登录了银行网站,Cookie 尚未失效。用户在黑客网站点击了一个诱导链接/图片。
  • 后果: 黑客构造的转账请求被浏览器自动加上了 Cookie,服务器认为是用户本人操作,转账成功。
2. 防御体系:三道防线
2.1 黄金标准:CSRF Token
  • 原理: 除了 Cookie,要求请求必须携带一个随机生成的、黑客无法伪造的 Token(通常放在 Header 或 Hidden Field 中)。
  • 逻辑: Cookie 是浏览器自动带的(黑客能利用),Token 是前端代码手动带的(黑客跨域拿不到)。
  • 适用性: 所有 POST/PUT/DELETE 等改变数据的请求。
  • 原理: 在 Set-Cookie 时指定 SameSite 属性,告诉浏览器:"如果是跨站请求,别带我"。
  • 执法者: 浏览器。
  • 规则(Lax 模式):
    • 链接跳转 (Top-level Navigation): 允许带 Cookie(为了用户体验,免登录)。
    • 后台请求 (POST/Img/Iframe): 禁止带 Cookie。直接阻断 CSRF。
2.3 辅助防线:Origin / Referer 校验
  • 原理: 检查 HTTP 头里的来源地址。如果来源不是自家域名,直接拒绝。
  • 缺点: Referer 可能被伪造或被隐私插件屏蔽,只能作为兜底。

3. 深度思考:SameSite 与 RESTful 的强制绑定 (Critical!)

这是本次复盘的核心洞察:

如果使用 SameSite=Lax 作为防御手段,后端必须 严格遵守 RESTful 规范

  • 漏洞场景: 假如后端写了一个违规接口 GET /transfer?money=1000(用 GET 请求修改数据)。
  • 攻击向量: 黑客发一个链接 <a href="http://bank/transfer...">点我看美女</a>
  • 穿透逻辑: 用户点击链接 -> 触发顶级导航 (Top-level Navigation) -> 浏览器判断这是 GET 请求且地址栏变了 -> Lax 规则允许带 Cookie -> 攻击成功!
  • 结论: GET 请求必须是只读(Safe)的。 凡是涉及数据修改的操作,必须用 POST/PUT/DELETE,否则 SameSite=Lax 形同虚设。
相关推荐
EchoEcho9 小时前
记录overflow:hidden和scrollIntoView导致的页面问题
前端·css
Cache技术分享9 小时前
318. Java Stream API - 深入理解 Java Stream 的中间 Collector —— mapping、filtering 和 fla
前端·后端
迎仔9 小时前
05-AI与网络安全
人工智能·安全·web安全
竟未曾年少轻狂9 小时前
Vue3 生命周期钩子
前端·javascript·vue.js·前端框架·生命周期
TT哇9 小时前
【实习】数字营销系统 银行经理端(interact_bank)前端 Vue 移动端页面的 UI 重构与优化
java·前端·vue.js·ui
蓝帆傲亦9 小时前
Web前端跨浏览器兼容性完全指南:构建无缝用户体验的最佳实践
前端
晴殇i9 小时前
【前端缓存】localStorage 是同步还是异步的?为什么?
前端·面试
不一样的少年_9 小时前
Chrome 插件实战:如何实现“杀不死”的可靠数据上报?
前端·javascript·监控
深度涌现9 小时前
DNS详解——域名是如何解析的
前端
小码哥_常9 小时前
Android内存泄漏:成因剖析与高效排查实战指南
前端