为何axios.withCredentials=true仍无法发送会话Cookie且触发ERR_HTTP_HEADERS_SENT错误？

1. Error [ERR_HTTP_HEADERS_SENT] 错误原因 #

这个错误是服务器端问题，和前端axios代码无关。它的含义是：服务器已经向客户端发送完响应头后，又尝试修改或发送新的响应头。

常见的服务器端触发场景：

• 同一个请求处理函数中，多次调用 res.send()、res.json() 等响应发送方法
• 异步操作（比如数据库查询）完成后，未正确判断请求是否已响应，再次尝试发送响应
• 中间件流程控制错误，比如调用 next() 后又发送了响应

你需要排查 authConfig.meEndpoint 对应的后端接口代码，定位是否存在上述情况。

2. 会话Cookie未发送的原因 #

虽然设置了 axios.defaults.withCredentials = true，但跨域请求携带Cookie需要前后端同时满足配置条件：

前端侧需确认： #

• 仅跨域场景需要配置 withCredentials，同域请求浏览器会自动携带Cookie，无需额外设置
• 移除请求配置中的 crossDomain: true，axios会自动判断跨域情况，手动设置该属性无效

后端侧必须配置： #

• 响应头包含 Access-Control-Allow-Credentials: true
• Access-Control-Allow-Origin 不能设为 *，必须是前端的具体域名（如 http://localhost:3000）
• 会话Cookie的属性需符合要求：
  • Domain 属性要和前端请求的域名匹配（或父域名）
  • 跨域场景下，SameSite 属性需设为 None，同时必须配合 Secure 属性（仅HTTPS环境生效）
  • Path 属性覆盖请求路径（通常设为 /）

你可以通过浏览器开发者工具的Network面板，查看请求的Request Headers是否包含 Cookie 字段，以及Response Headers中的CORS相关字段是否符合上述要求，以此定位具体问题。

内容的提问来源于stack exchange，提问作者János