Cookie与Session以及前后端请求头的响应

前端：

// 发送请求时，将Cookie添加到请求头中
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/some-endpoint');
xhr.setRequestHeader('Cookie', document.cookie); // 将本地保存的Cookie添加到请求头中
xhr.send();

// 接收响应时，可以从响应头中获取新的Cookie
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      const newCookie = xhr.getResponseHeader('Set-Cookie');
      // 将新的Cookie保存在本地
      if (newCookie) {
        document.cookie = newCookie;
      }
      // 处理响应数据
      const responseData = xhr.responseText;
      // ...
    } else {
      // 处理错误
    }
  }
};

后端：

app.get('/api/some-endpoint', (req, res) => {
  // 读取客户端发送的Cookie
  const clientCookie = req.headers.cookie;
  // 处理Cookie数据
  // ...

  // 设置新的Cookie，将其添加到响应头中
  res.setHeader('Set-Cookie', 'newCookie=value; Max-Age=3600; Secure; HttpOnly');
  
  // 返回响应数据
  res.send('Response data');
});

在前端代码中，我们使用XMLHttpRequest对象发送请求，并在请求头中添加了"Cookie"字段，其值为document.cookie，即本地保存的Cookie数据。

在后端代码中，我们使用Express框架创建了一个路由处理程序。在该处理程序中，我们可以通过req.headers.cookie读取客户端发送的Cookie数据，并可以根据需要对Cookie进行处理。然后，我们使用res.setHeader('Set-Cookie', ...)设置一个新的Cookie，并将其添加到响应头中，以便在浏览器中保存。

通过这种方式，服务器可以将唯一的session保存在Cookie中，并在响应中将该Cookie发送给客户端。当用户再次访问网站时，浏览器会自动将该Cookie添加到请求头中，作为唯一的登录标识发送给服务器进行验证。

具体的流程如下：

1. 客户端发送第一次请求时，服务器会在响应头中设置一个名为"Set-Cookie"的字段，该字段包含了一个唯一的session标识，以及其他的Cookie属性（例如过期时间、安全性等）。
2. 浏览器接收到响应后，会将"Set-Cookie"字段中的值保存在本地的Cookie中。
3. 当客户端再次发送请求时，浏览器会自动将保存的Cookie添加到请求头中的"Cookie"字段中。
4. 服务器接收到请求后，可以通过解析请求头中的"Cookie"字段来读取客户端发送的Cookie数据，包括保存的session标识。
5. 服务器可以根据session标识进行用户身份验证或其他操作，并在响应中设置新的Cookie，以便在下一次请求时继续使用。

通过这种方式，服务器可以通过Cookie在客户端和服务器之间传递数据，并维持用户的登录状态或其他状态信息。