react如何清理cookie
清除 Cookie 的方法
在 React 中清理 Cookie 通常需要结合 JavaScript 的原生方法或第三方库。以下是几种常见的方法：
使用原生 JavaScript 清除 Cookie
通过设置 Cookie 的过期时间为过去的时间来清除：
document.cookie = "cookieName=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";cookieName 是需要清除的 Cookie 名称。path=/ 确保清除整个域名下的 Cookie。
使用 js-cookie 库
安装 js-cookie 库可以更方便地操作 Cookie：
npm install js-cookie在 React 组件中使用：
import Cookies from 'js-cookie';
// 清除单个 Cookie
Cookies.remove('cookieName');
// 清除所有 Cookie（需要手动遍历）
Object.keys(Cookies.get()).forEach(cookieName => {
Cookies.remove(cookieName);
});在服务端清除 Cookie
如果使用 Next.js 或其他服务端渲染框架，可以在服务端清除 Cookie：
import { serialize } from 'cookie';
// 在 API 路由或 getServerSideProps 中设置过期
res.setHeader('Set-Cookie', serialize('cookieName', '', { maxAge: -1, path: '/' }));结合 HTTP-only Cookie
对于 HTTP-only Cookie，必须在服务端清除：
// Express 示例
res.cookie('cookieName', '', { expires: new Date(0), httpOnly: true });注意事项
- 清除 Cookie 时需要确保路径和域名与设置时一致。
- 对于 HTTP-only Cookie，前端 JavaScript 无法直接操作，必须通过服务端处理。
- 如果 Cookie 设置了
Secure标志，清除时也需在 HTTPS 环境下操作。
