Как открывать заново текущий rout React.js, после перезагрузки страницы?

Question

[Олег Драпеза]

Добрый день!

React рендерится на клиенте, поэтому вопрос касается именно маршрутизации на клиенте.
Допустим мы прошли по ссылке, и находимся по пути localhost:8080/foo
<Route path='foo' component={FooBar} />
После перезагрузки страницы мы получим 404 ошибку.

Возможно ли, перезагружая страницу открывать компонент по текущему пути, например сделав редирект на index.html, и проходя заново по ссылке из window.location?
browserHistory.push('/some/path')

Тот же вопрос, если открыть ссылку в новой вкладке.

Comments

[Олег Драпеза]

Использование hashHistory вместо browserHistory - решило проблему с 404.

А возможно ли избавиться от страшных url'ов при hashHistory?

[Максим]

SuperOleg39ru: по-моему, избавиться не получится.

Answer 1

[Максим]

Я правильно понимаю, что у вас есть проект, на котором реакт рендерит лишь некоторые вьюхи? (то есть, только некоторые страницы?)
В таком случае, вы можете сделать отдельные сборки для каждой страницы без использования роутинга вообще. Или, зачем он вам в таком случае?

То есть: есть страница about на реакте, сделайте для нее bundle-about.js, для contacts на реакте - bundle-contacts.js и так далее.

Comments

[Олег Драпеза]

На проекте будет необходимо заменять контент в зависимости от языка и месторасположения, что должно отражаться в url (например /ru/en/contacts)
Так же встает вопрос SEO, так как это больше информационный сайт, чем веб-приложение.

Обязательна админка, с возможностью редактировать практически всю информацию - поэтому коллеги бэки предлагают обычную связку Laravel + Blade.

Но у меня честно чешутся руки использовать React в продакшене, и на jQuery лапшу я смотреть не могу)
Плюс 95% всего проекта я могу сделать на клиенте, только используя небольшое API для аутентификации и определенного метода эквайринга.

Очень хорошая идея про отдельные сборки, спасибо!

[Максим]

Пожалуйста. Но я не вижу смысла использовать react там, где нужно просто отобразить контент. Используйте его (как уже было сказано выше, отдельными сборками) для страниц с "динамикой" на сайте и не более того.

Answer 2

[Слава]

Можно. Настройте сервер, который будет отдавать всегда индекс.

Comments

[Олег Драпеза]

К сожалению, сервер не на node js, хотя самым удачным вариантом мне кажется изоморфное приложение.

Или любой сервер можно настроить необходимым образом?

[Илья]

SuperOleg39ru: любой из популярных.