Express.js应用无法设置CORS响应头部问题求助

我来帮你捋捋这个响应头设置不生效的问题，你的代码里其实藏着几个容易踩的坑，咱们一个个拆解：

1. res.send() 会自动处理响应头+结束响应，额外调用res.end()反而添乱 #

你现在的代码里，在res.send('string')之后又手动调用了res.end()——但其实res.send()内部已经帮你完成了响应体发送和响应流结束的操作，额外调用res.end()不仅多余，还可能导致响应头被覆盖或者出现异常。

另外，当你用res.send()发送普通字符串时，Express会自动把Content-Type设为text/html; charset=utf-8，这直接覆盖了你之前用res.set()设置的application/json，这就是为啥你看不到预期的Content-Type的原因。

2. 正确返回JSON响应的姿势 #

如果你的目标是返回JSON格式的响应，别直接发字符串，改成传入JSON对象，Express会自动帮你设置正确的Content-Type：

app.post('/register', (req, res) => {
  // 设置CORS头
  res.set({ 'Access-Control-Allow-Origin': '*' });
  // 发送JSON对象而非纯字符串
  res.send({ message: 'string' });
  // 不需要手动调用res.end()！
});

或者更简洁的用res.json()方法，专门用来返回JSON响应：

app.post('/register', (req, res) => {
  res.set({ 'Access-Control-Allow-Origin': '*' });
  res.json({ message: 'string' });
});

3. 使用res.writeHead()的注意事项 #

如果你想用res.writeHead()来设置状态码和响应头，一定要在任何发送响应体的方法（比如res.send、res.write）之前调用它——一旦响应体开始发送，响应头就已经被发送到客户端了，再设置就完全无效了。正确的用法是这样的：

app.post('/register', (req, res) => {
  // 先写响应头和状态码
  res.writeHead(201, {
    'Content-Type': 'application/json',
    'Access-Control-Allow-Origin': '*'
  });
  // 自己把JSON转成字符串发送
  res.write(JSON.stringify({ message: 'string' }));
  // 最后结束响应
  res.end();
});

4. 排查CORS头的其他潜在问题 #

如果还是看不到Access-Control-Allow-Origin头，要检查这两点：

• 有没有其他CORS相关的中间件（比如cors）在你的路由之前注册？这些中间件可能会覆盖你手动设置的头。
• 前端是不是发送了OPTIONS预检请求？这种情况下，服务器需要单独响应OPTIONS请求的CORS头，最省心的办法是直接用官方的cors中间件来处理：

  const cors = require('cors');
  // 全局启用CORS，或者针对/register路由单独启用
  app.use('/register', cors());
  

内容的提问来源于stack exchange，提问作者Vladimir Jovanović