什么是Cookie?
Cookie是后端与前端交互可默认供后端访问的内容,不同于LocalStorage和SessionStorage不同的是。它(Cookie)在访问后端路径默认在请求头携带,后端也可以设置和修改,但是LocalStorage和SessionStorage不是默认携带,且后端不可直接访问
Cookie与LocalStorage和SessionStorage的区别图
内容 | 后端直接修改 | 前端修改 | 默认携带 |
---|
Cookie | √ | √ | √ | LocalStorage | × | √ | × | SessionStorage | × | √ | × |
如何默认不携带Cookie?
使用fetch请求
fetch的兼容性
待更新
Cookie关于浏览器兼容性
待更新
Cookie的最大长度
Cookie 是存在于浏览器本地的,是由浏览器限制它的长度,每个浏览器限制各有不同。
不同浏览器
待更新
超出最大长度后怎么样?
待更新
Cookie 的属性一览图
属性 | 介绍 |
---|
Name | Cookie的key | Value | Cookie属于指定Key的值 | Domain | Cookie指定的域名 | Path | Cookie指定的路径 | Expires/Max-Age | Cookie的过期时间 | Size | 当前Cookie的长度 | HttpOnly | 未知 | Secure | 未知 | SameSite | 未知 | SameParty | 未知 | Partition Key | 未知 | Priority | 未知 |
Name
Value
Domain
Path
Expires/Max-Age
Size
HttpOnly
Secure
SameSite
SameParty
Partition Key
Priority
Cookie 的操作
设置Cookie
前端设置Cookie
原生通过 document.cookie
后端设置Cookie
PHP
setcookie()
Node.js
待更新
Java
待更新
Python
待更新
Go
待更新
修改Cookie
前端修改Cookie
原生通过 document.cookie
后端修改Cookie
PHP
setcookie()
Node.js
待更新
Java
待更新
Python
待更新
Go
待更新
查看Cookie
前端Cookie
原生通过 document.cookie
后端Cookie
PHP
$_COOKIE
Node.js
待更新
Java
待更新
Python
待更新
Go
待更新
删除Cookie
前端
原生通过 document.cookie 修改过期时间为一个过去的时间,
但是注意,前端Cookie设置为已经过去的时间不会立即删除,在前端在读取Cookie仍然可以读取到。 需要与后端交互后才会小时
后端
PHP
setcookie()
Node.js
待更新
Java
待更新
Python
待更新
Go
待更新
Cookie 的封装
前端
增
删
改
查
后端
增
删
改
查
|