下载 CSV 文档的按钮在 React 中不起作用？

Question

我的目录中有一个 csv 文件，我想在单击下载按钮时触发直接下载。

我使用文件保护程序库和获取请求来处理所有事情。

这里是函数：

  const handleDownload = () => {
    fetch('public/data/COW2021001887-I589Data.csv', {
      headers: {
        'Content-Type': 'text/csv'
      }
    })
      .then(response => response.blob())
      .then(blob => saveAs(blob, 'file.csv'))
      .catch(error => console.error(error));
  };

但是当我点击按钮时，我得到一个只有 HTML 模板的 excel 电子表格..

附上一张路径图片，以防万一这是问题，因为这是我唯一能想到的。当然，我从文件保护程序库中导入另存为，这个函数是按钮的处理程序。

如有任何建议，我们将不胜感激。我试过用几种不同的方式触发 hte 下载，但总是以 html 模板文档（如图所示）结束