React与Node.js Cookie异常：Firefox中Cookie未成功注册

以下是针对你遇到的Firefox下跨域Cookie不生效问题的关键修复点：

1. 前端axios请求必须开启凭证携带 #

跨域场景下axios默认不会携带Cookie，你需要给请求加上withCredentials: true配置，修改前端代码如下：

const [user, setUser] = React.useState([])
React.useEffect(() => {
    axios.get("http://localhost:5000/users/usersessions", {
        withCredentials: true // 核心配置：允许跨域请求携带凭证
    }).then((response) => {
        setUser(response.data)
    })
}, [])

重要提示：登录接口的POST请求也要加上这个配置，否则登录时服务器返回的Cookie根本不会被浏览器保存。

2. 完善服务器端Cookie的跨域属性 #

Firefox对Cookie的SameSite、Domain等属性校验更严格，修改你的Cookie设置代码：

res.cookie('sessionId', 'sessionId', {
    httpOnly: true,
    sameSite: 'lax', // 本地跨域开发用lax即可，生产跨不同域名需设为none并配合secure
    secure: process.env.NODE_ENV === 'production', // 生产环境必须为true（HTTPS），本地HTTP设为false
    domain: 'localhost', // 指定Cookie生效的域名
    path: '/' // 生效路径，确保全站可用
});

如果是生产环境跨不同域名，sameSite要设为'none'，同时secure必须为true（Firefox要求SameSite=None的Cookie必须基于HTTPS）。

3. 检查Firefox隐私拦截设置 #

Firefox默认的增强跟踪保护可能会拦截跨域Cookie：

• 打开Firefox设置，搜索「Cookie和网站数据」
• 取消勾选「阻止第三方Cookie」，或者将localhost添加到例外列表
• 临时关闭「增强跟踪保护」测试是否生效

4. 验证Cookie是否被正确存储 #

在Firefox开发者工具的「存储」→「Cookie」→localhost下，检查是否存在sessionId Cookie，确认它的HttpOnly、SameSite等属性是否符合配置预期。

内容的提问来源于stack exchange，提问作者The Anonymous Programer