Node.js从request迁移至http模块后，HTTP请求返回分片Buffer导致前端无法显示图片

我来帮你搞定这个从requests迁移到http模块时遇到的坑！你的核心问题有两个：Buffer合并方式错误导致二进制数据损坏，以及没有传递原响应的Content-Type给前端，咱们一步步解决：

1. 错误的Buffer合并方式 #

你代码里的data += d是致命问题——Buffer和字符串直接拼接会自动把Buffer转成UTF-8字符串，这会彻底破坏图片这类二进制数据的字节结构。正确的做法是把每个Buffer实例收集到数组里，最后用Buffer.concat()合并：

2. 保留原响应的Content-Type #

前端需要知道返回内容的类型才能正确渲染（比如图片），你要从http响应的headers里提取content-type，并传递给你的RestResponseModel，而不是手动猜类型。

修正后的完整代码 #

const zlib = require('zlib'); // 处理deflate压缩的响应

// 调整Header设置：去掉非标准的"encoding"头
const Header = req.Encoding === 'binary' 
  ? { "Accept-Encoding": "deflate" } 
  : {};

const options = { 
  hostname: GlobalConfigModel.AS400Host, 
  port: Number(GlobalConfigModel.AS400Port), 
  path: Path, 
  method: req.Method, 
  headers: Header, 
};

let mdl = new RestResponseModel();

if(req.Method === 'GET'){
  http.request(options, res => { 
    let data: Buffer[] = []; // 用数组收集Buffer实例
    let responseStream = res;

    // 如果响应是deflate压缩的，先解压
    if (res.headers['content-encoding'] === 'deflate') {
      responseStream = res.pipe(zlib.createInflate());
    }

    responseStream.on('data', d => { 
      data.push(d); // 将每个Buffer片段加入数组
    });

    responseStream.on('end', () => { 
      // 正确合并所有Buffer
      mdl.Data = Buffer.concat(data);
      // 保留原响应的Content-Type
      mdl.ContentType = res.headers['content-type'];
      resume(mdl);
    });

    // 处理解压或响应过程中的错误
    responseStream.on('error', err => {
      // 这里可以添加错误处理逻辑，比如返回错误给前端
      console.error('处理响应出错:', err);
      resume({ success: false, error: err.message });
    });
  }).end();
}

关键说明 #

• Buffer合并逻辑：Buffer.concat()会把数组里的所有Buffer按顺序拼接成一个完整的Buffer，完美保留二进制数据的原始结构，不会像字符串拼接那样损坏数据。
• Content-Type传递：直接从原响应的res.headers['content-type']获取，不管返回的是PNG、JPG还是其他类型，都能准确传递给前端，保证渲染正常。
• 压缩响应处理：因为你设置了Accept-Encoding: deflate，如果对方返回压缩后的响应，必须用zlib模块解压，否则合并后的Buffer还是压缩状态，前端依然无法识别。

内容的提问来源于stack exchange，提问作者Lucas.Feichtinger