res.download（filepath）未提示在客户端上下载[重复]

Question

我正在使用node和react构建一个图像压缩程序。服务器通过res.download（filepath）向客户机发送映像，但在客户机中不会发生。但我在网络和图像附件中得到了200 OK的响应。如何在客户端自动触发下载？

这是我处理图像压缩和下载代码的快速路由器：

app.get('/download/:imageName', async (req,res)=>{
let imageName = req.params.imageName
let path = 'uploads/'+imageName;

//Image compression code
const compressedImage = await imagemin([path], {
    destination: "output",
    plugins: [
      imageminPngquant({
        quality: [0.6, 0.8]
      }),
      imageminMozjpeg(),
      imageminGifsicle({lossy: 70}),
      imageminSvgo({
        plugins: extendDefaultPlugins([
            {name: 'removeViewBox', active: false}
        ])
        })
    ]
  });
  // Here filepath = process.cwd()+"/"+compressedImage[0].destinationPath
  res.download(process.cwd()+"/"+compressedImage[0].destinationPath)
})

下面是我的客户端函数，它发送下载图像的get请求：

  function downloadAnImage(imageLink){
 fetch("/download/"+imageLink)
}

顺便说一下，我没有在客户端处理响应，因为下载应该在得到响应后进行。

但如果在浏览器中键入完整图像URL路径，则会进行下载。然后我想我应该把完整的图像URL发送到客户端，但是我找不到一个地址来获取我的服务器正在运行的主机URL。我知道我的服务器正在运行的URL，但是因为我要托管这个应用程序，所以手动将“localhost:3001”作为主机URL是行不通的，对吗？

Answer 1

我通过更改DownloadAnImage函数来解决它：

 function downloadAnImage(imageLink){
  let link=document.createElement('a');
  link.href = process.env.REACT_APP_PROXY+"/download/"+imageLink
  link.target = "_blank"
  link.download = imageLink;
  link.click();
 }