将pdf文件从nodejs发送到reactjs

Question

我将pdf文档存储在服务器端的文件系统中。

我需要让用户下载其中一个，当他/她点击下载。

问题是我知道如何将文件从NodeJS发送到浏览器，但这里的请求将由ReactJS axios请求发出。因此，当我发送文件时，响应将转到react。如何将该pdf文件发送给用户？我是否使用前端代码直接访问文件系统？

在NodeJS中执行res.sendFile（file\u path）之后，当我记录响应时，我在浏览器控制台中获得以下信息

我如何处理这个问题，以便让用户下载pdf？

Answer 1

您可以使用文件保护程序下载文件。下面是我用于pdf下载的函数。（response.data是nodejs作为响应发回的缓冲区）

import FileSaver from 'file-saver';
...

_onPdfFetched() {
  FileSaver.saveAs(
    new Blob([response.data], { type: 'application/pdf' }),
    `sample.pdf`
  );
}

或者你可以直接向用户展示pdf

window.open(response.data, '_blank');

编辑

axios的调用应该是这样的：

axios.get(url, {
  responseType: 'arraybuffer',
  headers: {
      Accept: 'application/pdf',
  },
});

编辑2

nodejs代码应该如下所示：

router.post('/api/downloadfile',(req, res, next) => {
  const src = fs.createReadStream('path to sample.pdf');

  res.writeHead(200, {
    'Content-Type': 'application/pdf',
    'Content-Disposition': 'attachment; filename=sample.pdf',
    'Content-Transfer-Encoding': 'Binary'
  });

  src.pipe(res); 
});