JavaScript没有原生Session对象；sessionStorage是浏览器端临时存储，与服务端Session（如HttpSession）无关；服务端通过Set-Cookie下发sessionId，JS只能操作Cookie字符串，无法访问服务端Session数据。
JavaScript 里没有原生的 “Session” 对象——你调用的 sessionStorage 是浏览器端的临时存储，和服务器端的 Session（如 Java 的 HttpSession、Node.js 的 express-session）完全不是一回事。这是最常被混淆的起点。
为什么 document.cookie 能读到数据，但没看到 session 对象？
因为 Session 本质是服务端概念：服务器生成一个唯一 sessionId，通过 Set-Cookie 响应头发给浏览器，浏览器后续请求自动带上这个 ID；服务器靠它查自己内存或 Redis 里的用户数据。JavaScript 只能操作 Cookie（比如读 document.cookie），但无法直接访问服务端 Session 内容。
-
document.cookie返回的是字符串"JSESSIONID=abc123; theme=dark"，你要手动解析才能拿到sessionId - 浏览器不会暴露服务端 Session 中存的
userRole、cartItems等数据给 JS —— 这是安全设计，不是功能缺失 - 若后端用 JWT 替代传统 Session，那 token 才可能被 JS 拿到并解析（但仍不等于“JS 有 Session”）
sessionStorage 和 Cookie 的关键区别在哪？
二者都存在浏览器里，但生命周期、作用域和用途完全不同：
-
sessionStorage：仅当前标签页有效，关闭标签即清空；容量约 5–10MB；不参与网络请求；适合暂存表单草稿、页面状态 -
Cookie：可设path/domain控制发送范围；最大 4KB；每次 HTTP 请求自动携带（除非标HttpOnly）；必须由服务端通过Set-Cookie设置（JS 只能读/写自己的 domain 下非HttpOnly的 cookie） - 常见误操作：
sessionStorage.setItem('token', 'xxx')后以为“登录态有了”，结果刷新页面就 401 —— 因为服务端根本收不到这个 token
怎么让前端真正“配合”服务端 Session？
核心是确保 sessionId 正确传递且不被破坏：
立即学习“Java免费学习笔记（深入）”；
- 确认响应头含
Set-Cookie: JSESSIONID=xxx; Path=/; HttpOnly; Secure; SameSite=Lax（HttpOnly防 XSS 窃取，Secure强制 HTTPS） - 检查浏览器开发者工具 → Application → Cookies，确认
JSESSIONID存在且未过期 - 禁用 Cookie 时，服务端需 fallback 到 URL 重写（如
/api/user?JSESSIONID=xxx），但现代应用基本不推荐 - 前后端分离项目中，若 API 域名与页面域名不同（如
fe.example.com+api.example.com），需配置credentials: 'include'和 CORS 允许凭证
fetch('/api/profile', {
credentials: 'include' // 关键！否则 sessionId 不会随请求发出
})
.then(res => res.json())
.catch(err => console.error('Session 失效或跨域被拒', err));
真正容易被忽略的点是：Session 生效不取决于前端写了什么 JS，而取决于服务端是否成功创建了会话、Cookie 是否正确下发、浏览器是否按规则回传。把注意力放在网络请求的 Request Headers（有没有 Cookie: JSESSIONID=...）和 Response Headers（有没有 Set-Cookie）上，比调试 JS 变量更有效。
