Как выложить на хостинг React-приложение с роутингом?

Question

[todaystudio]

Есть React-приложение с роутингом (react-router-dom) и FireBase. И есть пока что тестовый хостинг (Apache). Сделал билд yarn run build и закинул на хостинг. Главная страница открывается, а при вводе site.ru/admin – выходит 404.
Закидывал все возможные варианты .htaccess, но безрезультатно.
Подскажите, как правильно реализовать, чтобы работал роутинг.

Comments

[Strannyk]

Очевидно, настроить сервер так, чтобы он на любой запрос обслуживал index.html.

[AlexVWill]

А какие файлы лежат в папке /admin ? Похоже что никакие, или что-то, что апач не может прочесть, отсюда и 404

Answer 1

[mletov]

Такой вариант .htaccess пробовали? Мне помог.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /subdirectory
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
RewriteRule . /index.html [L]
</IfModule>

Если не помогает, то проверьте, обрабатываются ли вообще хоть какие-нибудь правила .htaccess.
Если нет, то напишите админам хостинга. Иногда сервер настроен так, что настройки из .htaccess не работают полностью или частично.