res.sendFile() 错误 [ERR_HTTP_HEADERS_SENT]: 发送到客户端后无法设置标头

Question

我正在使用 express 构建一个简单的服务器。 一切正常，但每次我尝试硬刷新（cntr + R）我的页面时，我都会在控制台中遇到这个烦人的错误。

错误 [ERR_HTTP_HEADERS_SENT]：发送到客户端后无法设置标头

代码如下：

app.get('/index', (req, res) => {
    const filePath = path.join(__dirname, 'public', 'index.html');
    console.log(res.headersSent);
    res.sendFile(filePath);
});

console.log(res.headersSent) 用于检查是否确实未设置标题（每次都记录为 false）。

我尝试发送一个简单的 JSON 而不是一个文件，并且没有发生错误：

app.get('/index', (req, res) => {
    const filePath = path.join(__dirname, 'public', 'index.html');
    console.log(res.headersSent);
    res.json({status: 'All good'});
});

该错误仅在我使用 res.sendFile() 时发生。 index.html 将在加载后请求一个 index.js 文件。也许这就是问题？但这不是一个不同的要求吗？

谢谢！

编辑 我尝试检查 sendFile() 的回调函数中的错误。 它是未定义的，即使控制台不断吐出“无法设置标题”错误

Answer 1

sendFile 是异步函数，所以需要在引擎读取文件后发送响应，但 json 是同步的（这就是它没有抛出错误的原因为此）。

换句话说，您需要从回调中发送响应，如下所示：

app.get('/index', (req, res) => {
    const filePath = path.join(__dirname, 'public/index.html');
    res.sendFile(filePath, function(err) {
        if (err) {
            return res.status(err.status).end();
        } else {
            return res.status(200).end();
        }
    });
});

欲了解更多信息，请阅读以下内容：

• Node.js Response object (official docs)
• Express.js res.sendFile() Function
• About Node.js response methods explained in StackOverflow answer