JavaScript中Cookie无法正常作为客户端Cookie显示问题求助

问题原因 #

你当前的错误在于使用res.cookie()时，把**完整的Set-Cookie字符串（包含键名、值和属性）**直接作为Cookie的值传入了。比如res.cookie('JSESSIONID', loginSysaidCookie[0])中，loginSysaidCookie[0]是JSESSIONID=xxx; Path=/; ...，这会导致服务器生成的Cookie变成JSESSIONID=JSESSIONID=xxx%3B Path%3D/...——既重复了键名，又对分号、等号这些特殊字符做了URL编码，完全不符合预期格式。

解决方案 #

需要先解析每个Set-Cookie字符串，分离出Cookie键名、值、以及对应的属性选项，再分别传入res.cookie()。

1. 编写Set-Cookie解析函数

这个函数会把单个Set-Cookie字符串拆分成键名、值和可直接传给res.cookie()的配置选项：

function parseSetCookie(cookieStr) {
  // 按分号分割Cookie的各个部分，去除首尾空格
  const parts = cookieStr.split(';').map(part => part.trim());
  // 提取键名和值（只分割一次，避免值里包含等号的情况）
  const [nameValuePair] = parts;
  const [name, value] = nameValuePair.split('=', 2);
  
  const options = {};
  // 处理剩余的属性（Path、Secure、HttpOnly等）
  for (let i = 1; i < parts.length; i++) {
    const [key, val] = parts[i].split('=', 2);
    switch(key.toLowerCase()) {
      case 'secure':
        options.secure = true;
        break;
      case 'httponly':
        options.httpOnly = true;
        break;
      case 'samesite':
        options.sameSite = val || 'Lax';
        break;
      case 'path':
        options.path = val;
        break;
      // 可根据需要添加其他Cookie属性的处理，比如Domain、Max-Age等
    }
  }
  
  return { name, value, options };
}

2. 批量处理并设置Cookie

用上面的函数遍历你获取到的Set-Cookie数组，逐个设置到客户端：

// 遍历所有从API获取到的Set-Cookie字符串
loginSysaidCookie.forEach(cookieStr => {
  const { name, value, options } = parseSetCookie(cookieStr);
  res.cookie(name, value, options);
});

效果验证 #

这样处理后，服务器发送给客户端的Cookie会变成预期格式：

'Cookie': 'JSESSIONID=85ABA2700058749DB748C3C7398B7667.inst15eu-autoscaleapp-002161; SERVERID=inst15eu-autoscale-app0|Y3+Bg|Y3+Bg'

Cookie的属性（Secure、HttpOnly、SameSite等）也会被正确设置，不会出现URL编码和键名重复的问题。

内容的提问来源于stack exchange，提问作者Edson Luiz dos Santos Junior