在开发 Web 应用时，涉及到 Cookie 的处理通常需要在服务端和客户端同时处理。为了方便这个操作，npm 包 express-isomorphic-cookie 应运而生。这个包可以让我们在服务端和客户端之间同步设置和读取 Cookie。
1. 安装
首先，需要在项目中安装 express-isomorphic-cookie 包。可以使用 npm 命令：
npm install express-isomorphic-cookie --save
2. 使用
2.1 在服务端设置 Cookie
在服务端，可以使用 setCookie() 方法来设置 Cookie，这个方法会自动把 Cookie 字符串写到响应头中：
-- -------------------- ---- ------- ------ ------- ---- ---------- ------ - --------- - ---- ---------------------------- ----- --- - ---------- ---------------------- ----- ---- -- - -------------- ---- ------------- --------------- ------------- --------- ---
这个例子中，我们定义了一个路由，当访问 /set-cookie 时，会设置一个名为 cookieName 值为 cookieValue 的 Cookie。
2.2 在服务端读取 Cookie
在服务端，可以使用 getCookie() 方法来读取 Cookie：
-- -------------------- ---- ------- ------ ------- ---- ---------- ------ - --------- - ---- ---------------------------- ----- --- - ---------- ---------------------- ----- ---- -- - ----- ----------- - -------------- -------------- ---------------- ------ - - ------------- ---
这个例子中，我们定义了一个路由，当访问 /get-cookie 时，会读取名为 cookieName 的 Cookie 并返回其值。
2.3 在客户端设置 Cookie
在客户端，可以使用 setCookie() 方法来设置 Cookie：
import { setCookie } from 'express-isomorphic-cookie';
setCookie('cookieName', 'cookieValue');这个例子中，我们在客户端代码中调用 setCookie() 来设置一个名为 cookieName 值为 cookieValue 的 Cookie。
2.4 在客户端读取 Cookie
在客户端，可以使用 getCookie() 方法来读取 Cookie：
import { getCookie } from 'express-isomorphic-cookie';
const cookieValue = getCookie('cookieName');
console.log('Cookie Value: ' + cookieValue);这个例子中，我们在客户端代码中调用 getCookie() 来读取名为 cookieName 的 Cookie 并打印其值。
3. 总结
通过 express-isomorphic-cookie 这个 npm 包，我们可以方便地在服务端和客户端之间同步设置和读取 Cookie。这对于一些需要在服务端和客户端之间共享数据的应用场景非常有用，比如数据缓存和认证状态管理等。通过上面的例子，我们也可以看到如何使用这个包来实现 Cookie 的操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2181e8991b448dad3e