Каков наилучший способ динамической настройки пути к корзине в приложении react

#reactjs #webpack #bucket

#reactjs #webpack #корзина

Вопрос:

У меня есть веб-приложение React JS, которое необходимо создать один раз вместе с сервером Express, у которого есть путь к приложению React.

Проблема в том, что если сервер работает в корзине, скажем, например, в корзине, приложение react не найдет ресурсы, потому что оно запросит ресурсы из основного домена.

Например, для следующей корзины:www.example.co.il/example-bucket

React запросит изображение изwww.example.co.il/image.jpg вместо www.example.co.il/example-bucket/image.jpg

Этот путь к корзине может измениться в любое время. Мне нужен способ динамически изменять путь к корзине в React JS без запуска сборки. Существуют ли какие-либо решения этой проблемы?

Ответ №1:

Вы можете заставить приложение React загрузить файл конфигурации JSON, который содержит базовый URL.

Комментарии:

1. но если вы создаете с помощью webpack, все файлы отправляются в один пакет файлов javascript js и один статический index.html который загружает пакет

2. @manorLH нет, если файл json находится в общей папке или помещен в приложение после компиляции приложения.