使用 puppeteer 生成 PDF 后渲染页面？

Question

我目前正在尝试使用 puppeteer 生成 PDF，然后向用户呈现带有“谢谢”消息的页面。一旦用户点击该页面，Puppeteer PDF 将有望开始下载到用户的机器上。但我遇到了一些麻烦。

从表单收集一些基本信息后，我可以成功地将用户重定向到我希望他们访问的页面：

app.post("/generatepdf", function (req, res) {

  UserPdfRequest.create({ email: req.body.email, companyName: req.body.companyName }, function (err, createdRequest) {
    if (err) {
      console.log(err);
    } else {
      console.log(createdRequest);
      res.redirect("/" + createdRequest._id + "/pdf-download");
    }
  })

});

然后，我将它们发送到我的路线，该路线负责查找相关用户、生成 PDF，然后呈现感谢页面：

app.get("/:companyId/pdf-download", function (req, res) {

  UserPdfRequest.findById(req.params.companyId, function (err, foundRequest) {
    if (err) {
      console.log(err);
    } else {
      console.log(foundRequest);

      (async () => {
        const browser = await puppeteer.launch()
        const page = await browser.newPage()
        const url = 'http://localhost:3000/' + req.params.companyId + '/pdf-download';
        await page.goto(url, {waitUntil: 'networkidle0'});
        const buffer = await page.pdf({ format: "A4", printBackground: true });
        res.type('application/pdf')
        res.send(buffer)
        browser.close()
      })()

      res.render("pdfDownload", { email: foundRequest.email, companyName: foundRequest.companyName });
    }
  })

});

但是当我进入感谢页面时，我的 PDF 并没有开始下载。此外，我的 console.log(foundRequest) 似乎在我的终端中一遍又一遍地快速登录，并且我还收到以下错误：

https://imgur.com/ZsApRHn

鉴于我对异步没有太多经验，我知道我可能在这里不知所措。我确定这是我缺少的一个简单修复；但是，任何帮助（和解释）都将非常有价值和感激。感谢您的时间！

Answer 1

您正在同一个响应对象上调用send 和render。您可以发送数据或发送 html，但不能针对同一请求执行此操作。 通常可以通过打开一个新标签进行下载来解决。