cookie、sessionStorage、localStorage、服务端 session 的区别和使用

引用: cookie是存储在用户本地终端上的数据，用于辨别用户身份和进行会话跟踪。通常经过加密。它是一种在客户端存储数据的机制。引用:session和cookie都是用来跟踪浏览器用户身份的会话方式，记录客户状态的机制。引用:session比cookie具有更高的安全性。

cookie主要的特点是：
- 存储在用户本地终端上，可以被浏览器读取和修改；
- 可以设置过期时间，即在一定时间后失效；
- 存储数据的大小有限制，一般为4KB；
- 可以被不同的域名共享。

sessionStorage是HTML5新增的Web存储技术，它在浏览器中存储数据，但是与cookie不同，它的数据只会在当前会话中保留，即当用户关闭浏览器标签页或窗口时，数据会被清除。sessionStorage的特点如下：
- 存储在浏览器中，只能被当前页面访问；
- 数据在当前会话中有效，关闭标签页或窗口后数据会被清除；
- 存储数据的大小也有限制，一般为5MB；
- 数据仅在同一域名下共享。

localStorage也是HTML5新增的Web存储技术，与sessionStorage类似，它也是存储在浏览器中的数据。但与sessionStorage不同的是，localStorage的数据在用户关闭浏览器后仍然会保留，不会被清除。localStorage的特点如下：
- 存储在浏览器中，可以被所有页面访问；
- 数据在浏览器关闭后仍然有效，除非用户手动清除；
- 存储数据的大小也有限制，一般为5MB；
- 数据仅在同一域名下共享。

服务端session是指将用户的会话信息存储在服务器端，通过在客户端存储一个session id来与服务器端进行交互。服务器端根据session id来识别用户，从而实现身份认证和会话管理。与前面提到的cookie和Web存储技术不同，服务端session的数据存储在服务器端，客户端只存储了一个标识。服务端session的特点如下：
- 数据存储在服务器端，客户端只存储session id；
- 数据在客户端关闭或过期后不会被清除；
- 可以存储大量的数据，没有明确的大小限制；
- 数据不共享，每个用户拥有自己的session数据。

综上所述，cookie、sessionStorage和localStorage是用来在浏览器端存储数据的机制，它们在数据存储的范围、有效期和共享性上有所不同。而服务端session是将用户的会话信息存储在服务器端，通过在客户端存储一个session id来与服务器端进行交互。请根据具体的需求选择合适的机制来使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [基于Vue 服务端Cookies删除的问题](https://download.csdn.net/download/weixin_38658564/13633580)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [session,cookie,sessionStorage,localStorage的区别](https://blog.csdn.net/weixin_43758377/article/details/109215019)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]