Не попадаю на нужную страницу в React Router Dom?

Question

[Akmal Islamov]

Добрый вечер господа.

Есть сайт на React, который использует react-router-dom.
Допустим человек зашел туда по перешел в другие страницы и скопировал url страницы и скинул кому то, а url примерно такой mysite.com/contacts. Когда человек набирает этот url получает 404.
Чтобы открыть страницу(то-есть компонент contacts) юзеру нужно перейти к нему из главной страницы. Как сделать что бы можно было сразу открыть нужную страницу (Компонент).
(Прошу прощение за плохое изъяснения, я плохо знаю русский)) )

Answer 1

[abberati]

Вам нужно настроить ваш сервер. Сейчас он пытается обработать запрос и не находит такого роута. Это происходит до загрузки фронта. Настройте так, чтобы на любой запрос сервер отдавал ваш index.html — всё заработает.

Comments

[Akmal Islamov]

О, спасибо. Но всё таки нету способа открыть нужную страницу?

[abberati]

Akmal Islamov, сделайте, как я написал и будет открываться нужная страница.

https://medium.com/himinds/just-some-quick-notes-o...

[Akmal Islamov]

abberati, Можете помочь мне с этим, я полный 0 в работе с серверами))

[abberati]

Akmal Islamov, гугл в помощь. Да и в чате в телеграме вам уже помогли.

Answer 2

[Dolerum]

Видимо контактс появляется из-за пушинга в history, без конкретной отрисовки компонента с путями.
Идите в APP, там ищите компоненту контактс, или то, что отрисовывает контактс, контейнер например - прописываете что-то вроде

<Route exact path={"/contacts"} component={Contacts} />

Как-то так, если правильно понял суть проблемы.

Comments

[Akmal Islamov]

Дело в том что это виртуальные пути history api сам их пишет. Нужно чтобы были как настоящие)).

[Dolerum]

Akmal Islamov, я понял. Ну для этого нужно в центральной компоненте приложения, в которой отрисовываются все компоненты, прописать эти пути руками, как я показал выше.
В компоненте, из которой осуществляется переход в сам contacts, вместо history, сделать что-то типа

<Link to={"/contacts"}>
Перейти в контакты
</Link>