Как создать ссылку для загрузки статического CSV-файла из каталога /public/csv в React
Что касается приложения React, у меня есть список статических CSV-файлов в каталоге /public/csv. Затем файл js имеет следующий код:
<a href = "/public/csv/file.csv" download>Download</a>
Это работает локально для загрузки CSV-файла, однако не работает, когда приложение развернуто на сервере.
Не могли бы вы подсказать, как загрузить статический файл из папки public/csv в React?
Моя структура каталогов:
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
Попробуйте <a href = "csv/file.csv" download>Download</a>, потому что после того, как вы сделаете npm run build, все внутри public будет напрямую доступно внутри каталога build.
Ответы 1
<a href = {process.env.PUBLIC_URL + "/csv/file.csv"} download>Download CSV</a>
Старый вопрос, но я решил опубликовать ответ, чтобы получить доступ к общедоступному каталогу в React из JavaScript, вам нужно использовать переменную среды «process.env.PUBLIC_URL».
Не могли бы вы попробовать
href = "./public/csv/file.csv"?