在服务器(生产)中未显示背景图像生成的pdf

时间:2019-11-30 17:41:03

标签: reactjs express puppeteer

我正在使用puppeteer生成pdf。后端表示前端反应。在localhost上一切正常。生成的pdf基本上是完美的。但是,问题在我部署应用程序时开始。当我在已部署的应用程序上生成pdf时,不会显示pdf(第一页)顶部的主要背景图像。可能是什么问题?

这是后端代码;

          const page = await browser.newPage();
          await page.setContent(myHtml);
          await page.emulateMedia('screen');
          const buffer = await page.pdf({
            format: "A4",
            printBackground: true,
            margin: {
              left: "0px",
              top: "0px",
              right: "0px",
              bottom: "0px"
            }
          });
          await browser.close();
          res.end(buffer);

这是前端代码;

    this.setState({downloadButtonLoading: true}, () => {
      axios.get(
        url, {
            responseType: 'blob'
        }
      ).then((res) => {
        const FileDownload = require('js-file-download');
        this.setState({downloadButtonLoading: false})
        FileDownload(res.data, 'pdfname.pdf');

      }).catch((error) => {
        this.setState({downloadButtonLoading: false})
        console.log(error)
      })

    })

  }

0 个答案:

没有答案