我之前也踩过类似的坑，核心问题在于jQuery的$.ajax默认会自动跟随302重定向，导致你根本拿不到原始API返回的Cookie，而且重定向后的响应如果不符合预期，还会让.done回调直接不执行。结合你的场景，给你几个可行的解决方案：

1. 禁止自动跟随重定向，捕获302响应 #

默认情况下，XMLHttpRequest（$.ajax底层依赖的对象）会自动跳转302指向的地址，原始响应的Cookie会被直接忽略。我们可以通过配置禁止跳转，这样就能拿到302响应里的Set-Cookie头了：

$.ajax({
  url: "你的API接口地址",
  type: "GET", // 根据你的实际请求方法调整
  withCredentials: true, // 跨域场景必须添加，同域也建议开启
  beforeSend: function(xhr) {
    // 禁用自动重定向，不同浏览器可能需要这两个属性同时设置
    xhr.followRedirects = false;
    xhr._followRedirects = false;
  },
  success: function(data, status, xhr) {
    // 这里一般不会触发，因为302属于非2xx状态码
    const setCookie = xhr.getResponseHeader("Set-Cookie");
    console.log("原始响应Cookie:", setCookie);
  },
  error: function(xhr, status, error) {
    // 禁止跳转后，302会触发error回调，这里才是处理核心
    if (xhr.status === 302) {
      const setCookieHeader = xhr.getResponseHeader("Set-Cookie");
      console.log("API返回的Cookie:", setCookieHeader);
      // 用辅助函数把Cookie字符串解析为键值对对象
      const cookies = parseSetCookie(setCookieHeader);
      console.log("解析后的Cookie:", cookies);
    }
  }
});

// 辅助函数：将Set-Cookie头字符串解析为可操作的对象
function parseSetCookie(setCookieStr) {
  if (!setCookieStr) return {};
  const cookieObj = {};
  // 多个Cookie用逗号分隔，注意处理分隔后的空格
  setCookieStr.split(", ").forEach(cookieItem => {
    const [nameValue, ...rest] = cookieItem.split(";");
    const [name, value] = nameValue.split("=");
    cookieObj[name] = value;
  });
  return cookieObj;
}

2. 注意HttpOnly Cookie的限制 #

如果控制台能看到Cookie但JS拿不到，大概率是这个Cookie带了HttpOnly属性——这是浏览器的安全机制，前端JS完全无法访问HttpOnly Cookie，哪怕你在控制台里能看到它的存在。

这种情况下，如果你是在Chrome扩展中，可以用扩展专属的chrome.cookies API绕过限制，但需要先在manifest.json里配置权限：

// manifest.json
{
  "permissions": [
    "cookies",
    "*://你的API域名/*" // 替换为实际的API域名
  ]
}

然后在扩展的后台脚本（background.js）或有权限的内容脚本中调用：

chrome.cookies.getAll({ url: "你的API域名" }, function(cookies) {
  console.log("所有Cookie（包括HttpOnly）:", cookies);
  // 这里可以直接获取每个Cookie的name、value、domain等属性
});

3. 跨域场景的额外配置 #

如果你的请求是跨域的，还需要满足两个条件：

• API服务器必须设置响应头Access-Control-Expose-Headers: Set-Cookie，否则前端XHR无法获取到Set-Cookie这个非标准响应头；
• $.ajax配置里必须添加withCredentials: true，这样浏览器才会允许携带和接收跨域Cookie。

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