Node Express中DELETE请求可读取Cookie，POST请求无法读取的问题

核心原因 #

浏览器同源策略限制下，POST请求若未显式配置携带凭证，会导致HTTP-only Cookie无法传递到服务器；而REST Client不受同源策略约束，因此两种请求都能正常工作。

具体解决步骤 #

• 修正Axios POST请求配置
  React中使用axios发送POST请求时，需手动开启withCredentials选项，确保请求携带Cookie：

  axios.post('/refresh', {}, {
    withCredentials: true
  })
  

  对比你之前的DELETE请求配置，大概率是DELETE请求已设置该选项，而POST请求遗漏了。

• 完善Express跨域配置
  服务器端CORS配置必须允许凭证，且origin不能使用通配符*（否则credentials设置会失效），示例代码：

  const cors = require('cors');
  app.use(cors({
    origin: 'http://localhost:3000', // 替换为你的React应用实际地址
    credentials: true
  }));
  

• 确认Cookie读取中间件
  确保Express已正确挂载cookie-parser中间件，否则无法解析请求中的Cookie：

  const cookieParser = require('cookie-parser');
  app.use(cookieParser());
  

  之后用req.cookies.xxx（xxx为你的Cookie名称）即可正常读取令牌值。

• 浏览器端验证
  打开浏览器开发者工具的「Network」面板，查看POST请求的Request Headers是否包含Cookie字段：

  • 若没有，说明Axios配置未生效，重新检查withCredentials设置；
  • 若有但服务器仍读不到，检查服务器端Cookie读取的字段名是否与实际Cookie名称一致。

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