MERN 堆栈：从服务器下载 .zip 文件

Question

在我的 React 应用程序中，我从存储在 mongo db 中的图像在后端生成一个 .zip 文件。 .zip 文件名为 all memes.zip，位于服务器端的公用文件夹中。我想包括通过前端的下载按钮下载相关文件的选项。按下下载按钮时，会启动文件下载，但显示“错误 - 无文件”。

这是我在后端生成 .zip 文件的代码：

const zipFolder = require('zip-a-folder');


// Generate .zip-file of  filePath which contains all saved memes
class ZipAFolder {
 
  static main() {
      zipFolder.zipFolder('./public/share', './public/allmemes.zip', function(err) {
          if(err) {
              console.log('Something went wrong!', err);
          } 
      });
  }
}

ZipAFolder.main();

这些是我在前端的代码 sn-ps：

import { saveAs } from 'file-saver';


// Save .zip-File of all saved Memes
  const saveFile = () => {
    fileSaver.saveAs(
      process.env.PUBLIC_URL + "/public/allmemes.zip",
      "allmemes.zip"
    );
    }


        <Button className={classes.button} onClick=               {saveFile}>
         Download .zip-File
        </Button>

文件保护程序的导入不知何故无法识别。

有人可以帮助解决这个问题吗？会很棒。谢谢！

Answer 1

删除文件保护程序。它会工作的

import { saveAs } from 'file-saver';


// Save .zip-File of all saved Memes
  const saveFile = () => {
    saveAs(
      process.env.PUBLIC_URL + "/public/allmemes.zip",
      "allmemes.zip"
    );
    }


        <Button className={classes.button} onClick=               {saveFile}>
         Download .zip-File
        </Button>