Доброго времени суток. Подскажите, пожалуйста, что я делаю не так.
Создал проект с помощью 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" и обновив страницу я уже не получу страницу на которой был.
Где я ошибся и что не правильно прописал?
Спасибо.
