解决Nginx反向代理下Node.js图片仅部分加载的问题

• 关闭或调整Nginx代理缓冲
  默认情况下Nginx的proxy_buffering是开启的，大图片传输时缓冲机制可能导致连接提前中断。可以直接关闭缓冲，让Nginx实时转发Node服务的响应：

location / {
    proxy_pass http://your-node-service; # 替换为你的Node服务地址
    proxy_buffering off;
}

如果不想完全关闭缓冲，也可以调整缓冲参数适配大文件：

location / {
    proxy_pass http://your-node-service;
    proxy_buffer_size 16k;
    proxy_buffers 4 64k;
    proxy_busy_buffers_size 128k;
}

• 确认Node.js服务的响应头设置
  确保Node服务正确返回Content-Length头，或者使用分块传输编码。如果响应头缺失，Nginx可能无法判断传输是否完成，提前断开连接。以Express为例，正确处理静态图片的示例：

const fs = require('fs');
const path = require('path');
const express = require('express');
const app = express();

app.get('/images/:imgName', (req, res) => {
    const imgPath = path.join(__dirname, 'static', req.params.imgName);
    const fileStats = fs.statSync(imgPath);
    // 明确设置内容长度和类型
    res.set('Content-Length', fileStats.size);
    res.set('Content-Type', 'image/png'); // 根据图片类型调整
    // 用流传输，避免内存溢出同时保证传输完整
    fs.createReadStream(imgPath).pipe(res);
});

注意：如果使用流传输，要确保流没有中途被错误终止。

• 增加Nginx超时时间
  图片传输耗时较长时，Nginx默认的超时设置可能会断开连接，调整相关超时参数：

location / {
    proxy_pass http://your-node-service;
    proxy_connect_timeout 60s;
    proxy_send_timeout 60s;
    proxy_read_timeout 60s;
}

可根据实际图片大小适当延长超时时间。

• 关闭图片的gzip压缩
  图片本身已经是压缩格式，开启gzip不仅无效，还可能导致传输异常。在Nginx配置中关闭gzip，或者仅针对非图片类型开启：

# 全局关闭gzip
gzip off;

# 或者仅针对文本类型开启
gzip on;
gzip_types text/plain text/css application/json application/javascript;

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