Cookie 与 Session

文章目录

曲奇

Cookie 是浏览器 (客户端)保存 的一段小数据,每次请求都会自动带给服务端。

js 复制代码
# 浏览器发送请求:
GET /index.html HTTP/1.1
Host: www.example.com
Cookie: session_id=abc123; user=zhangsan

# 服务器响应时设置 Cookie:
Set-Cookie: session_id=abc123; Path=/; HttpOnly
  • 有过期时间
  • 最大容量约 4KB

Session

一节(会话)

Session 是服务器端存储的"用户会话状态",通常配合 Cookie 使用。

如session_id(token)

比较常用机制

技术/机制 是否持久化 存储位置 生命周期 说明
Cookie ✅ 可持久化 客户端浏览器 可设置过期时间(如30天) 是最典型的持久化机制
Session ❌ 默认不持久化(服务重启或超时清除) 服务端 默认生命周期短,通常 30 分钟 通过 session_id 关联客户端
LocalStorage ✅ 持久化 浏览器本地 永久保存,除非手动清除 不参与 HTTP 请求
SessionStorage ❌ 不持久化 浏览器本地 页面关闭就消失 和 Session 类似但在浏览器中
Redis 中的 Session ✅ 可配置持久化 服务端(Redis) 可以长时间保存,支持分布式 实现持久化登录态
数据库登录状态(如 JWT) ✅ 可持久化 客户端 + 服务端 通常由服务端设置 token 过期时间 可做无状态认证
相关推荐
曲幽16 小时前
FastAPI+Vue:文件分片上传+秒传+断点续传,这坑我帮你踩平了!
python·vue·upload·fastapi·web·blob·chunk·spark-md5
身如柳絮随风扬2 天前
Servlet:访问流程、核心接口与生命周期
java·servlet·web
钛态2 天前
前端WebSocket实时通信:别再用轮询了!
前端·vue·react·web
爱学习的程序媛2 天前
浏览器内核揭秘:JavaScript 和 UI 的“主线程争夺战”
前端·性能优化·浏览器·web
曲幽4 天前
FastAPI自动生成的API文档太丑?我花了一晚上把它改成了客户愿意付费的样子
python·fastapi·web·swagger·openapi·scalar·docs
曲幽5 天前
告别手写 API 胶水代码:FastAPI 与 Vue 的“契约自动机” OpenAPI 实战
python·typescript·vue·fastapi·web·swagger·openapi·codegen
里欧跑得慢6 天前
Flutter 导航路由:构建流畅的应用导航体验
前端·css·flutter·web
数据知道6 天前
claw-code 源码详细分析:Command Graph 分段——复杂 CLI 产品如何把命令关系从脑子里搬到纸上?
ai·web·claw code
曲幽7 天前
FastAPI + Vue 前后端分离实战:我的项目结构“避坑指南”
python·vue·fastapi·web·vite·proxy·cors·env
johnny2337 天前
Web分析平台:Web Check、LogX、IP Insight
web