会话Cookie怎么防JS读取?HttpOnly属性开启指南

星夢妙者

星夢妙者

2026-08-01

456人浏览

原创

javascript无法设置httponly属性,必须由服务端在set-cookie响应头中声明;前端用document.cookie添加“httponly”字样无效,浏览器仅将其视为普通值。

会话cookie怎么防js读取?httponly属性开启指南

JavaScript 无法设置 HttpOnly,必须由服务端写入 Set-Cookie 响应头

“用 document.cookieHttpOnly 字样”是无效操作——浏览器完全忽略这种写法,只会把 HttpOnly 当作 Cookie 值的一部分存下来。真正生效的 HttpOnly 只能由后端在 HTTP 响应头中声明。

常见错误现象:

  • 前端代码写 document.cookie = "sessionid=abc; HttpOnly",结果开发者工具里看不到 HttpOnly 标志 ✅
  • 调用 document.cookie 仍能读到该 Cookie ❌(说明没生效)

正确做法是服务端在首次下发会话 Cookie 时,直接在 Set-Cookie 头里带上 HttpOnly

  • Node.js / Express:res.cookie('sessionid', 'abc123', { httpOnly: true })
  • PHP:setcookie('sessionid', 'abc123', ['httponly' => true])
  • Java Servlet:response.addHeader("Set-Cookie", "sessionid=abc123; Path=/; HttpOnly")

验证 HttpOnly 是否真正生效的三个动作

别只看代码写了没,要确认浏览器是否真的按规则执行了。

  • 打开 Chrome 或 Edge 的开发者工具 → ApplicationCookies → 找到对应 Cookie → 看 HttpOnly 列是否打 ✅
  • 在 Console 中执行 document.cookie,确认输出里不包含该 Cookie 名(比如没有 sessionid=...
  • 发起一个同域请求(如 fetch('/api/user')),用抓包工具(如 Network 面板)确认请求头中仍自动携带 Cookie: sessionid=abc123

如果前两点都满足,但第三点没看到 Cookie 发出,大概率是路径(Path)、域名(Domain)或 Secure 属性配置不匹配导致浏览器拒绝发送。

php版微信js-sdk支付接口类
php版微信js-sdk支付接口类

php版微信js-sdk支付接口类

下载

HttpOnly 单独启用不够,必须搭配 Secure 和 SameSite

HttpOnly 只解决“JS 读不到”,不解决“被中间人截获”或“被跨站请求滥用”。上线前必须检查这三项是否协同生效:

  • Secure:确保 Cookie 仅通过 HTTPS 传输。HTTP 环境下可临时关闭,但生产环境必须开启;否则攻击者可在未加密连接中嗅探到 sessionid
  • SameSite=Lax:默认阻止跨站 POST 请求携带 Cookie,大幅缓解 CSRF。设为 Strict 更严,但可能影响用户体验(如从外部链接跳转时登录态丢失)
  • 路径与域名限制:Path=/adminDomain=app.example.com 能缩小 Cookie 暴露面,避免被子域或无关路径下的脚本意外继承

错误示例:Set-Cookie: sessionid=abc; HttpOnly —— 缺少 SecureSameSite,等于裸奔。

HttpOnly 不是银弹,它防不住 XSS 本身,也拦不住业务逻辑漏洞

设置了 HttpOnly 后,攻击者确实拿不到 sessionid,但不代表网站就安全了:

  • XSS 依然存在:恶意脚本能篡改 DOM、伪造表单、监听键盘输入、重定向用户,只是不能直接窃取会话 ID
  • 敏感操作仍需二次防护:转账、密码修改等接口不能只校验 Cookie,必须引入一次性 Token 或短信/邮箱确认
  • 别把凭证存在 localStoragesessionStorage:这些地方 JS 可随意读写,一旦 XSS 就全暴露
  • 服务端仍要过滤和转义输出:比如用户昵称含 <script></script>,渲染前必须做 HTML 实体编码,否则 HttpOnly 也救不了

最常被忽略的一点:开发阶段用 http://localhost 测试时,Secure 会被浏览器静默丢弃,但很多人忘了上线前补上,结果生产环境 Cookie 在 HTTP 下明文传输。

相关文章

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

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

下载

相关标签:

js cookie

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

相关专题

更多
cookie
cookie

Cookie 是一种在用户计算机上存储小型文本文件的技术,用于在用户与网站进行交互时收集和存储有关用户的信息。当用户访问一个网站时,网站会将一个包含特定信息的 Cookie 文件发送到用户的浏览器,浏览器会将该 Cookie 存储在用户的计算机上。之后,当用户再次访问该网站时,浏览器会向服务器发送 Cookie,服务器可以根据 Cookie 中的信息来识别用户、跟踪用户行为等。

2023.06.30

8563

10

document.cookie获取不到怎么解决
document.cookie获取不到怎么解决

document.cookie获取不到的解决办法:1、浏览器的隐私设置;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代码错误;5、Cookie不存在或过期等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.23

595

5

阻止所有cookie什么意思
阻止所有cookie什么意思

阻止所有cookie意味着在浏览器中禁止接受和存储网站发送的cookie。阻止所有cookie可能会影响许多网站的使用体验,因为许多网站使用cookie来提供个性化服务、存储用户信息或跟踪用户行为。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

561

5

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

2025.08.19

361

14

session失效的原因
session失效的原因

session失效的原因有会话超时、会话数量限制、会话完整性检查、服务器重启、浏览器或设备问题等等。详细介绍:1、会话超时:服务器为Session设置了一个默认的超时时间,当用户在一段时间内没有与服务器交互时,Session将自动失效;2、会话数量限制:服务器为每个用户的Session数量设置了一个限制,当用户创建的Session数量超过这个限制时,最新的会覆盖最早的等等。

2023.10.17

458

4

session失效解决方法
session失效解决方法

session失效通常是由于 session 的生存时间过期或者服务器关闭导致的。其解决办法:1、延长session的生存时间;2、使用持久化存储;3、使用cookie;4、异步更新session;5、使用会话管理中间件。

2023.10.18

832

5

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

2025.08.19

361

14

火山引擎云服务器使用教程
火山引擎云服务器使用教程

火山引擎云服务器使用教程适合第一次购买、部署和管理云服务器的用户参考。本专题整理控制台入口、实例创建、地域和配置选择、系统镜像设置、安全组放行、远程连接、网站部署、续费计费和常见连接失败问题,帮助用户快速完成云服务器基础使用流程。

2026.08.04

0

10

火山引擎API Key绑定大模型教程
火山引擎API Key绑定大模型教程

火山引擎API Key怎么绑定大模型适合需要在火山方舟、应用后台、脚本工具或AI编程软件中调用模型的开发者参考。本专题整理控制台服务开通、API Key创建、模型权限检查、模型ID选择、Base URL填写、调用测试和鉴权失败排查,帮助用户完成从密钥到模型调用的配置流程。

2026.08.04

0

10

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 18.8万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.3万人学习