Node/Express中Firefox与Safari的PUT/DELETE请求无法执行求助

我之前也踩过这个一模一样的坑！问题的核心在于你的Express中间件没有正确处理OPTIONS预检请求——虽然你已经设置了跨域相关的响应头，但Firefox和Safari对CORS预检的处理比Chrome更严格：当浏览器发送OPTIONS请求确认跨域权限时，你的服务器需要直接返回成功状态码，而不是继续调用next()让后续路由处理，否则请求会挂起，导致浏览器放弃发送后续的PUT/DELETE请求。

问题分析 #

• GET/POST属于「简单请求」，浏览器不会触发预检OPTIONS请求，直接发送实际请求，所以你的配置能正常工作；
• PUT/DELETE属于「非简单请求」，浏览器会先发送OPTIONS预检请求，确认服务器允许该跨域操作后，才会发送实际的PUT/DELETE请求；
• 你的原代码中，OPTIONS请求会走到next()，但如果没有对应的OPTIONS路由处理，Express会默认卡住或返回404，导致浏览器中断后续流程。

修复后的代码 #

修改你的CORS中间件，专门处理OPTIONS请求，直接返回204状态码（无内容，是预检请求的标准响应）：

var app = express();

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  res.header("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE");

  // 拦截OPTIONS预检请求，直接返回成功状态
  if (req.method === 'OPTIONS') {
    return res.sendStatus(204);
  }
  
  next();
});

额外说明 #

• 204状态码是CORS预检请求的推荐响应，它告诉浏览器「预检通过，无需返回内容」；
• 如果你需要在响应中携带额外头信息，也可以用res.status(200).end()，但204更符合HTTP规范；
• 嫌手动配置麻烦的话，也可以使用cors npm包，它会自动处理所有CORS细节，包括预检请求、自定义头、方法等，只需一行代码就能搞定。

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