JavaScript document.cookie 与 服务器端 Cookie 存储的区别

document.cookie 是 JavaScript 中的一个属性，用于读取和设置浏览器的 cookie。它返回一个包含当前页面所有 cookie 的字符串，可以通过修改这个字符串来设置新的 cookie。

直接存 Cookie 指的是在服务器端通过设置 HTTP 响应头中的 Set-Cookie 字段来存储 cookie。服务器端可以根据需要设置多个 cookie，并且可以通过设置 cookie 的属性，如过期时间、域名、路径等来控制 cookie 的行为。

两者的区别如下：

1. 存储位置不同：document.cookie 是存储在客户端浏览器中的，而直接存 Cookie 是存储在服务器端的。
2. 操作方式不同：document.cookie 是通过 JavaScript 来读取和设置 cookie 的，而直接存 Cookie 是通过在服务器端设置 HTTP 响应头来存储 cookie 的。
3. 灵活性不同：直接存 Cookie 可以设置更多的属性来控制 cookie 的行为，如设置过期时间、域名、路径等，而 document.cookie 只能设置基本的 cookie 值。
4. 访问权限不同：由于 document.cookie 是存储在客户端浏览器中的，所以可以通过客户端的 JavaScript 代码来访问和修改；而直接存 Cookie 只能在服务器端进行访问和修改。

总的来说，document.cookie 适用于需要在客户端进行操作的场景，而直接存 Cookie 适用于在服务器端进行操作的场景。