如何创建一个链接以从React中的/ public / csv目录下载静态的csv文件

Question

关于React应用程序，我在/ public / csv目录中有静态csv文件的列表。然后，一个js文件具有以下代码：

<a href="/public/csv/file.csv" download>Download</a>

此功能可在本地下载csv文件，但是在将应用程序部署到服务器时不起作用。

您能否建议如何从React的public / csv文件夹中下载静态文件？

我的目录结构：

Project
 - build
   - index.html
   - main.js
 - public
   - csv << the target csv file to be downloaded
 -  src
   - index.js
   - App.js
 - package.json
 - webpack.config.js

Answer 1

<a href={process.env.PUBLIC_URL + "/csv/file.csv"} download>Download CSV</a>

老问题，但我想我会发布答案，要从 JavaScript 访问 React 中的公共目录，您需要使用“process.env.PUBLIC_URL”环境变量。