如何使用浏览器下载管理器从Express + mongoDB服务器下载/流式传输文件

Question

所以我的标题可能没有多大意义，所以让我解释一下，我正在将Express与mongoose / MongoDB一起使用来上传/下载文件，然后才可以进入浏览器URL并提供这样的get文件请求，但是我想添加身份验证，并且由于我需要通过标头发送JWT令牌，因此我无法仅通过浏览器访问URL，因此请向我展示到目前为止的内容。

router.get('/file-service/download', auth, async (req, res) => {
  if (!req.user) {
    return res.status(401).send('Please authenticate');
  }

  try {
    const tempID = '5dc5f57a081263451cee80d4';

    const gfs = Grid(conn.db);

    gfs.findOne({ _id: tempID }, (err, file) => {
      //console.log("file", file);

      if (err) {
        return res.status(500).send(err);
      }

      res.set('Content-Type', file.contentType);
      res.set('Content-Disposition', 'attachment; filename="' + file.filename + '"');

      const readStream = gfs.createReadStream({
        _id: tempID
      });

      //console.log("grid", readStream);

      readStream.pipe(res);
    });
  } catch (e) {
    console.log(e);
    res.status(500).send(e);
  }
});

所以我曾经去localhost：3000 / file-service / download，它只是使用本地下载管理器以chrome开始下载，并显示进度，下载文件时您期望的一切，但是现在这是不可能的，所以我改为执行axios请求。

const config = {
  responseType: 'arraybuffer',
  headers: { Authorization: 'Bearer ' + 'jwtsecret' }
};

console.log('fetching download');

axios
  .get('http://' + currentURL + '/file-service/download', config)
  .then(response => {
    let blob = new Blob([response.data], { type: 'binary/octet-stream' });
    let link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = 'zip_test.zip';
    link.click();
  })
  .catch(err => {
    console.log(err);
  });

并且这有效，但是，它必须首先将整个文件加载到内存中，例如，我用500mb的文件进行了测试，在我执行axios请求后，大约需要15秒钟以上的时间来提取它所有数据，然后提示使用下载并立即完成。但是，如果我删除auth，然后仅通过浏览器通过URL进行身份验证，下载就会立即开始，并像往常一样显示chrome下载的进度。有什么方法可以用axios实现这种下载/流式传输功能吗？还是有某种不用axios来发送令牌的方式，所以我可以完全避免使用令牌，而只是按常规方式进行处理？

Answer 1

您可以将令牌作为查询而不是中间件（即http://localhost:3000/file-service/download?token=kjhdsjkf.sakhdh.asdkd）作为查询传递，并在用户继续下载之前立即验证令牌