尝试提供在Express Mifdredware现场下载的图像

Question

我在Express和中间件方面很难。 基本上，我要做的是在磁盘上使用图像，但是如果它不存在，请从某些外部服务器下载它，然后使用/显示。然后，对图像的第二和以下请求将从磁盘上提供图像。

因此，下载不是问题，该问题是在下载后立即服务的。 使用下面的代码，将导致所有图像正在下载，并在浏览器中显示一些图像。但是它会下雨消息说：

错误：发送后无法设置标头。

tldr; 我有两个问题：

• 我会收到诸如：错误：发送后无法设置标头的消息。
• 尽管我所有的图像都将在浏览器中显示，尽管所有图像都已在磁盘上的正确位置下载。

额外信息：

这些图像来自\ public \ files
我正在使用custom server.js使用nextjs 我不确定是否需要在发送文件后结束响应。我知道服务器（'*'）给出错误：发送后无法设置标头。但是我不确定如何减轻这个问题，因为这样做了这样的事情：

  server.all('*', (req, res) => {
    if(!req.url.startsWith('/files')){
      return handle(req, res)
    }
  })

使事情变得更糟，并且会使图像消失已经下载并以前工作了。因此，比我认为我需要始终做sendfile，但是我似乎无法等待捕获中的下载，并且会吐出错误的错误： 错误：Enoent：没有这样的文件或目录，

我将与大家分享中间件：

var download = async function (from, to, callback) {
    await createDirectory(to);
    let fileStream = fsclassic.createWriteStream(to);
    request(from).pipe(fileStream).on('close', callback);
};

app.prepare().then(() => {
  const server = express()

  server.use('/files', async (req, res, next_middleware) => {
    var file = path.join(__dirname, "public\\files", req.url);
    
    try{
        await fs.access(file, fsclassic.constants.F_OK);
    }catch(e) {
        await download(internalToExternal(req.url), file, () => {
            res.status(200).sendFile(file);
        });
    }

    next_middleware();
  })

  server.all('*', (req, res) => {
      return handle(req, res)
  })

  server.listen(port, (err) => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)
  })
})

感谢您任何帮助！

Answer 1

所以我对自己的问题有一个答案。
我已经更改了文件的处理。AccessCall以不使用try：catch。

当文件存在时，我调用next_middleware（），该文件将在下载文件时将其处理到server.all（'*'）

时，我也会执行相同的操作，这也将处理control。 '）

这将导致图像在下载时以及重新访问网站时显示。

代码：

app.prepare().then(() => {
  const server = express()

  server.use('/files', async (req, res, next_middleware) => {
    var file = path.join(__dirname, "public\\files", req.url);
    var options = {
      root: __dirname + "\\public\\files"
    }

    fs.access(file, fsclassic.constants.F_OK).then(() => {
      next_middleware();
    }).catch(async () => {
      await download(internalToExternal(req.url), file, () => {
        next_middleware();
      });
    });
  })

  server.all('*', (req, res) => {
      return handle(req, res)
  })

  server.listen(port, (err) => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)
  })
})