搭建远程页面代理服务器报错：Can't set headers after they are sent

嘿，我来帮你搞定这个报错！你遇到的问题根源在于data事件的工作方式：当你用https.get请求谷歌页面时，响应的数据是分块传输的，data事件会被触发多次，每次传递一小段数据。而你每次收到数据就调用mainRes.send(d)，这相当于给客户端发送了多次完整的HTTP响应——但HTTP协议规定一个请求只能对应一个响应，所以当你第二次调用send时，服务器就会抛出“不能在发送头之后再设置头”的错误。

下面给你两种修复方案，按需选择：

方案1：收集所有数据块后一次性发送 #

这种方式会把所有数据块先存在内存里，等全部接收完成后再统一发送给客户端：

const express = require('express')
const https = require('https')
const app = express()

app.get('/', function (req, mainRes) {
  https.get('https://www.google.fr', (res) => {
    // 用数组存储所有接收到的数据块
    const dataChunks = [];

    // 每收到一块数据就存入数组
    res.on('data', (chunk) => {
      dataChunks.push(chunk);
    });

    // 所有数据接收完成时触发
    res.on('end', () => {
      // 将所有数据块拼接成完整的Buffer
      const fullHtml = Buffer.concat(dataChunks);
      // 可选：复制原响应的Content-Type头，让客户端正确解析HTML
      mainRes.set('Content-Type', res.headers['content-type']);
      // 一次性发送完整的HTML内容
      mainRes.send(fullHtml);
    });

    // 处理请求过程中的错误
    res.on('error', (err) => {
      mainRes.status(500).send(`获取谷歌页面失败：${err.message}`);
    });
  });
})

app.listen(3000, () => {
  console.log('服务器已启动：http://localhost:3000');
})

方案2：使用流管道（更高效简洁） #

因为https.get返回的响应对象是一个可读流，而Express的mainRes是一个可写流，我们可以直接用pipe方法把两个流连接起来，自动处理数据传输、拼接和结束逻辑，还能避免内存占用过高（适合大文件场景）：

const express = require('express')
const https = require('https')
const app = express()

app.get('/', function (req, mainRes) {
  const googleReq = https.get('https://www.google.fr', (res) => {
    // 复制原响应的状态码和所有响应头
    mainRes.status(res.statusCode);
    mainRes.set(res.headers);
    // 直接将谷歌的响应流管道到客户端响应
    res.pipe(mainRes);
  });

  // 处理连接谷歌时的错误
  googleReq.on('error', (err) => {
    mainRes.status(500).send(`连接谷歌失败：${err.message}`);
  });
})

app.listen(3000, () => {
  console.log('服务器已启动：http://localhost:3000');
})

推荐用方案2，它不仅代码更简洁，还能高效处理流式数据，不需要把整个HTML页面都加载到内存里，性能更好。

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