You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

react-cookie问题:Cookie无法删除/移除

解决react-cookie无法删除Cookie的问题

你当前代码的核心问题是**removeCookie不支持一次性传入数组删除多个Cookie**,你传数组的写法不符合API要求,所以删除操作没生效。

正确写法

需要分别调用removeCookie处理每个Cookie,确保每个调用都带上正确的路径配置:

import { useCookies } from 'react-cookie';
// ...
const [cookies, setCookie, removeCookie] = useCookies(['cookieName', 'cookieDob']);
// ...

// 逐个删除目标Cookie
removeCookie('cookieName', { path: '/' });
removeCookie('cookieDob', { path: '/' });
router.push(`/user/${userId}`);

额外排查点

如果按上面改了还是删不掉,检查以下几点:

  • 确认设置Cookie时的path和删除时一致,比如设置时用了/user,删除时也要传{ path: '/user' }
  • 如果Cookie设置了domain属性,删除时必须传入相同的domain配置,比如{ path: '/', domain: '.yourdomain.com' }
  • 检查Cookie是否是HttpOnly类型,这类Cookie前端无法通过JS操作,必须由后端接口删除

内容的提问来源于stack exchange,提问作者Kal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 07:30:53