js返回的PDF api 空

Question

我正在使用车把和 puppeteer 在我的 express api/server 端生成 PDF 报告。 使用失眠触发API，它返回一个完整的PDF，完全符合我的预期。 当我让客户端 React 应用程序下载它时，它会保存正确数量的页面，但为空。 我尝试了多种下载文件的方法，API 端的标题。 这是当前代码。

前端：

const res = await getDashboard(company, category, country, endDate, startDate);
const blob = new Blob([res], { type: 'application/pdf' });
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'amazon.pdf';
a.click();

服务器端：

const pdf = await genReport(data);
res.contentType('application/pdf');
res.header('Pragma', 'public');
res.header('Cache-Control', 'max-age=0');
res.setHeader('Content-disposition', 'attachment;filename=AmazonReport.pdf');
res.type('application/pdf');
res.send(pdf);

我不确定我哪里出错了。 由于 insomnia 收到 PDF 很好，我假设它的客户端处理。 请帮忙。

Answer 1

@georgedum 在这里为我指明了正确的方向，问题现已解决。 这是更新/修复的代码：客户端：

const res = await getDashboard(company, category, country, endDate, startDate);
const binaryString = window.atob(res);
const binaryLen = binaryString.length;
const bytes = new Uint8Array(binaryLen);
for (let i = 0; i < binaryLen; i++)
{
    const ascii = binaryString.charCodeAt(i);
    bytes[i] = ascii;
}
const blob = new Blob([bytes], { type: 'application/pdf' });
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = 'amazon.pdf';
a.click();

服务器端：

const pdf = await genReport(data);
const encodedPdf = Buffer.from(pdf).toString('base64');
res.contentType('application/pdf');
res.header('Pragma', 'public');
res.header('Cache-Control', 'max-age=0');
res.setHeader('Content-disposition', 'attachment;filename=AmazonReport.pdf');
res.type('application/pdf');
res.send(encodedPdf);