Как правильно назначить пути для react router?

Question

[Юра Комаров]

Всем доброго вечера. Продолжаю изучать react. Вот пример того что уже получается. https://yurajun.github.io/react-test-work/
Мы попадаем на страницу с работником, после клика "на главную" увидим общий список работников. Здесь можно добавлять, удалять, переходить к описанию выбранного работника. В описании выбранного работника можно отредактировать запись. Все сохраняется в localStorage. В общем все классно и мне нравится, вот только один вопрос.
При работе с localhost:3000 пути начинались с "/" и тут все ок , а когда я выгрузил на git пути стали начинаться с /react-test-work/ и при переходе на главную у меня уже путь https://yurajun.github.io что уже как бы не может быть такого и при перезагрузке все приложение рушится.
Можно ли ,как то указать в react-router что мол мое приложение может быть и "/" и /react-test-work/
Что бы запустить приложение заново ,если ничего не отображается на экране (пустой экран), то удалите из localStorage запись 'r-workers' и перейдите по ссылке https://yurajun.github.io/react-test-work/

Answer 1

[Антон Спирин]

Можно передавать переменную c базовым URL с помощью webpack.DefinePlugin или любым другим удобным способом. При использовании create-react-app удобно воспользоваться .env файлом.
Базовый URL передатется в роутер с помощью свойства basename.

Пример с переменной .env:

<BrowserRouter basename={process.env.REACT_APP_BASE_URL} />