Node.js中生成CSV文件后如何触发浏览器下载到用户本地

你当前代码把fast-csv生成的内容通过管道写入了服务端本地的文件流，文件只会存在服务端运行目录下，自然不会触发用户浏览器的下载行为。

不需要向前端返回特殊标识，只要给HTTP响应设置正确的文件下载头，直接把生成的CSV流通过响应返回给客户端即可，全程不需要在服务端本地存储文件。

具体调整步骤：

• 把下载逻辑和页面渲染逻辑拆分到两个独立路由：同一个HTTP请求只能返回一种内容，要么是HTML页面，要么是文件流，不能在同一次请求里同时执行res.render返回页面和返回文件。
• 删除写入服务端本地文件的代码：也就是const ws = fs.createWriteStream("productsDownloaded.csv")以及对应的pipe到ws的逻辑，这部分完全不需要。
• 在下载路由里提前设置响应头，告诉浏览器当前返回的是需要下载的CSV文件：

res.setHeader('Content-Type', 'text/csv');
res.setHeader('Content-Disposition', 'attachment; filename="productsDownloaded.csv"');

• 把fast-csv生成的CSV流直接通过管道写入响应对象res，代替原来写入本地文件流的操作。

const fs = require("fs");
const fastcsv = require("fast-csv");
const downloadData = "select * from PRODUCTS";

ibmdb.open(req.session.ibmdbconnDash, function (err, conn) {
  if (err) {
    console.log(err);
    return res.status(500).send("数据库连接异常");
  }
  conn.query(downloadData, function (err, rows) {
    // 及时关闭数据库连接，避免连接泄漏
    conn.close(() => console.log("数据库连接已释放"));

    if (err) {
      console.log(err);
      return res.status(500).send("数据查询失败");
    }

    // 设置下载响应头
    res.setHeader('Content-Type', 'text/csv');
    res.setHeader('Content-Disposition', 'attachment; filename="productsDownloaded.csv"');

    const jsonData = JSON.parse(JSON.stringify(rows));
    fastcsv
      .write(jsonData, { headers: true })
      .on("finish", () => console.log("CSV已推送至客户端"))
      .on("error", (err) => {
        console.log("CSV生成失败：", err);
        res.status(500).end();
      })
      .pipe(res); // 直接输出到响应，不落地本地存储
  });
});

下载按钮直接用普通a标签指向该下载路由即可，比如：

<a href="/api/download-products" class="download-btn">下载产品CSV</a>

不需要写额外的异步请求逻辑，浏览器识别到下载响应头后会自动弹出文件保存对话框。
这种流传输的方式不需要在服务端生成临时文件，性能更好，也不需要额外做临时文件清理。

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