Как правильно настроить react route и navlink?

Question

[Антон Мяснов]

Доброго времени суток. Подскажите, пожалуйста, что я делаю не так.
Создал проект с помощью create-react-app, использовал react router.
Локально все хорошо работает и переключает как надо.
Настроено так

<Switch>
          <Route path="/" exact component={Home} />
          <Route path="/messages" component={Messages} />
          <Route path="/notification" component={Notification} />
          <Route path="/settings" component={Settings} />
</Switch>

Сами ссылки так

<NavLink  to="/">Link</NavLink>
<NavLink  to="/messages">Link</NavLink>
<NavLink  to="/notification">Link</NavLink>
<NavLink  to="/settings">Link</NavLink>

Залил на сервер в вложенную папку domain.ru/works/project-name
В package.json прописал "homepage": "domain.ru/works/project-name"
Все хорошо загружается, но.
1) Не грузится компонент Home которые должен грузится по умолчанию, другие ссылки работают.
2) Если изменить первый роут на <Route path="" exact component={Home} /> то грузится компонент Home но перестают работать другие ссылки
Так же адрес в адресной строке при нажатии ссылки меняется domain.ru/notification или другое имя компонента, хотя должен меняться на "domain.ru/works/project-name/notification" и обновив страницу я уже не получу страницу на которой был.
Где я ошибся и что не правильно прописал?
Спасибо.

Answer 1

[Sergey]

Есть несколько вариантов, выбирать вам - читать тут

Comments

[Антон Мяснов]

То что нужно. Спасибо.