前端Cookie,Token,Session,Storage；等名词详解与应用,干货满满“建议收藏”

最新推荐文章于 2024-04-11 10:44:57 发布

羊羊要坚持

最新推荐文章于 2024-04-11 10:44:57 发布

阅读量763

点赞数 8

分类专栏：程序员文章标签：前端

本文链接：https://blog.csdn.net/2301_76379381/article/details/137403838

版权

本文详细介绍了前端的Cookie,Token,Session,Storage等概念及其用途，包括它们之间的区别和联系。Cookie常用于存储用户密码和ID，而Session与Cookie配合实现身份验证。Token作为安全性较高的验证手段，防止表单重复提交。LocalStorage和SessionStorage是HTML5新增的本地存储特性，分别用于长期和会话期内的数据存储。文章还提到了前端面试必备的知识点和学习资源。" 129726984,783471,Java解通信误码问题：华为OD机试题解析,"['java', '华为', '面试', '编程题', '算法']

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

Cookie是浏览器支持的一种本地存储机制。一般由服务端设置生成，在响应请求时被自动存储在浏览器中。是一个由网页服务器放在您硬盘上的非常小的文本文件. 它本质上就像您的身份证明一样，它只能被您使用并且只能由提供的服务器读取，每次访问网站的时候浏览器都会将该网站的Cookie发回给网站服务器，同时网站也可以随意更改你机器上对应的Cookie，Cookie名称和值可以由服务器端开发自己定义。

用途

用途之一是存储用户在特定网站上的密码和id。一般用在网站个人化和网站跟踪。

cookie只是为了更好地了解使用模式并改进网站访客的效率而采用的一个网站跟踪统计手段而已。

如果服务器需要记录用户状态，服务器会在响应信息中包含一个Set-Cookie的响应头，客户端会根据这个响应头存储Cookie信息。再次请求服务器时，客户端会在请求信息中包含一个Cookie请求头，而服务器会根据这个请求头进行用户身份、状态等较验。

cookie实际应用

比如提交按钮被按下，后台处理完请求跳转到相应页面后会把Cookie值带回来，也可以是后端请求返回的时候。服务器接收到了Cookie的数据后，可以利用这些数据决定返回到前台的内容（更进一步是跟Session结合使用）。如果站点用户没有访问过，就会为这个访问地址新建一个ID并且发送一些键值对给前台，这些值会被放在这次响应中的Header中通过Set-Cookie头带给浏览器，浏览器端于是有了Cookie的值。

举例某宝的浏览记录

这台电脑某宝告诉你你浏览过某些商品，另一台电脑可能是另外一些商品，因为不同Cookie对应的不同浏览记录，显得有点不符逻辑。

所以就用到了账号登陆，只要登陆过就能把所有记录跟后台数据库中的账号强关联起来&#