Node.js中Fetch API认证成功后带凭证请求返回401问题

核心原因 #

Node.js 环境下的 Fetch API 不像浏览器那样自带 Cookie 持久化机制，默认不会自动保存登录请求返回的 Cookie，也不会在后续请求中自动携带，这是导致 401 未授权的关键原因。另外你的第二个请求存在两个潜在问题：body 直接传对象未序列化、缺少对应 Content-Type 头，也可能引发后端认证失败。

解决方案 #

方案一：手动提取并携带 Cookie #

登录请求后从响应头中提取 Set-Cookie，在后续请求的 headers 中手动添加 Cookie 字段：

const req = await fetch(process.env.LOGIN_URI, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        // 登录参数
    })
});

// 提取登录返回的 Cookie 串
const loginCookies = req.headers.get('set-cookie');

// 数据请求手动携带 Cookie，并修正 body 格式
const req2 = await fetch(process.env.DATA_URI, {
    method: 'PUT',
    headers: {
        'Cookie': loginCookies,
        'Content-Type': 'application/json' // 对应 JSON 格式的 body
    },
    body: JSON.stringify({}) // 对象必须序列化为 JSON 字符串
});

方案二：使用 CookieJar 自动管理 Cookie #

借助 fetch-cookie 和 tough-cookie 包实现类似浏览器的 Cookie 自动管理，无需手动处理：

1. 安装依赖：

npm install fetch-cookie tough-cookie

2. 代码实现：

import { CookieJar } from 'tough-cookie';
import fetchCookie from 'fetch-cookie';

// 创建 CookieJar 实例，用于存储和管理 Cookie
const cookieJar = new CookieJar();
// 包装原生 Fetch，使其自动处理 Cookie
const fetchWithCookie = fetchCookie(fetch, cookieJar);

// 登录请求（自动保存 Cookie）
const req = await fetchWithCookie(process.env.LOGIN_URI, {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        // 登录参数
    })
});

// 数据请求（自动携带 Cookie）
const req2 = await fetchWithCookie(process.env.DATA_URI, {
    method: 'PUT',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({})
});

额外注意点 #

• 若后端要求的认证 Cookie 是 HttpOnly 类型，Node.js 中无法通过 document.cookie 读取，但上述两种方案都能正常处理。
• 确保第二个请求的 body 格式与后端要求一致，若为 JSON 必须序列化并添加 Content-Type: application/json 头，否则后端可能无法正确解析请求，导致认证失败。

内容的提问来源于stack exchange，提问作者DreadedEntity