如何从react中的 /public /csv目录中创建降低静态CSV文件的链接

Question

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

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

此在本地可用于下载CSV文件，但是，将应用程序部署到服务器时行不通。

您能否建议如何从React中的公共/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" process.env.public_url;环境变量。