React не загружает страницу при перезагрузке

Question

Я нашел подобный вопрос здесь, но я не нашел объяснения, как именно решить проблему.Все страницы на моем сайте, кроме index.html, не загружаются при перезагрузке страницы.Из предыдущего вопроса я думаю, что для решения проблемы без сервера мне нужно использовать HashHistory, но я не могу найти объяснение, как его использовать.Что делать в моем приложении и что нужно добавить в навигацию.http://turbo -remont.com / Я создал этот сайт для друга, но не могу решить эту проблему.Пожалуйста, помогите мне.

Answer 1

Проблема в том, что ваш сервер пытается извлечь ресурс и не загружает основной файл (index.htm), а затем активирует навигацию.

и пример:

База вашего сайта http://turbo -remont.com , если вы перейдете к нему, ваше приложение загрузится, и с этого момента начнется навигация, поэтому, если вы перейдете на http://turbo -remont.com / resource / 1234 , он не будет отправлять новый запрос на выборку, но внутренне обновит состояние и загрузит соответствующий компонент (как SPA do ).

Когда вы перезагрузитестраница, которая фактически эквивалентна переходу на страницу, ваш сервер пытается найти и html-файл с именем '/ resource / 1234'.Чтобы преодолеть это, вам нужно указать серверу, чтобы он обслуживал index.html независимо от полного URL.

Я не знаю, какой сервер вы используете, но вот простой пример файла .htaccess, которыйрешит проблему, поместите ее в корневой каталог.

RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]