发送流作为 axios 请求的响应

Question

我正在向服务器发出带有.xlsx 文件的请求，服务器正在使用 puppeteer 生成 PDF，我想将流以数组的形式发送回客户端以下载它们，但响应不是等待他们，在前面我得到一个空数组。

Node.js/Reactjs

router.post('/generate-payslip', async (req, res) => {
  const data = JSON.parse(req.body)
  let responsePDF = []

  data.map(async data => {
    responsePDF.push(await generatePayslipPDF(data))
    const payslips = await Payslip.findOne({ date: data.Date, name: data.Name })
    if (payslips) {
    } else {
      let payslip = new Payslip({
        date: data.Date,
        name: data.Name,
        data: data
      })
      payslip = await payslip.save()
    }

  })

  res.send(responsePDF)
})

Answer 1

您需要等待data的映射完成。

您对data.map 的调用会返回一个新的承诺数组，您可以使用Promise.all 等待。

const promises = data.map(async data => {
  // ...
})

// wait for all the promises to resolve
await Promise.all(promises)

res.send(responsePDF)

但是请注意，这会“并行”运行地图。无法保证 PDF 会按顺序推送到 responsePDF 数组。

为了保证顺序，可以在map函数中返回生成的PDF：

const responsePDF = await Promise.all(data.map(async data => {
  // ...
  return await generatePayslipPDF(data)
}))

res.send(responsePDF)

或者，您可以使用 for...of 循环连续运行它（一次一个）。这样你就不需要使用Promise.all。

for (const payslip of data) {
  responsePDF.push(await generatePayslipPDF(payslip))
  // ...
}


res.send(responsePDF)