浏览器Cookie详解

最新推荐文章于 2024-08-08 18:34:38 发布

noPermission

最新推荐文章于 2024-08-08 18:34:38 发布

阅读量1.5w

点赞数 8

文章标签：前端 javascript cookie

本文链接： https://blog.csdn.net/qq_41968663/article/details/123000224

版权

本文详细介绍了Cookie的概念、用途、创建方法及其重要设置，包括过期时间、域、路径、HttpOnly和SameSite等。讲解了如何通过js设置和访问Cookie，并强调了Cookie在安全性方面的作用，如防止会话固定攻击和XSS攻击，以及防止CSRF攻击的重要性。

摘要由CSDN通过智能技术生成

一、什么是 Cookie？

Cookie 是通过浏览器将服务器返回的数据保存在本地的一小块数据（一般小于4kb）。当浏览器发送请求且浏览器存在 Cookie 时，浏览器会自动在请求头携带上 Cookie 数据。引入 Cookie 的意义是因为 HTTP 的请求是无状态的，如：浏览器发出的请求服务器没办法区分浏览器用户身份以及用户的相关操作状态（可以通过 Cookie 传递这些信息）。最开始 Cookie 被作为唯一的存储手段，但是因为浏览器的每次请求都会携带上 Cookie，会带来额外的开销，而且存储量比较小，所以后来浏览器推出了新的 Api（web stoeage Api和 indexedDb）。

二、Cookie 主要使用在以下场景

会话状态管理（如用户登录状态、及其他需要记录的信息）
个性化设置（如用户自定义设置）
浏览器追踪行为（如追踪分析用户行为）

三、创建 Cookie

1.浏览器自动创建

当服务器收到 HTTP 请求时，服务器可以在响应头里设置一个 Set-cookie 选项，浏览器接收到响应后会自动保存下 Cookie，之后浏览器对该服务器的每一次请求中都会通过请求头把 Cookie 信息发送给服务器。通过以下 node 版本代码案例（通过 req.cookie 设置 cookie,而不是设置请求头的 Set-cookie字段）当请求了 ‘/’ 路径 Co