Как осуществлять маршрутизацию в React приложении?

Question

[Женя Стариков]

Есть веб-приложение на React, которое размещается по адресу site.local/app. Для навигации в нём я использую react-router, но при переходе на любую страницу происходит стирание /app, и вместо site.local/app/about получается site.local/about.

Соответственно и при обновлении страницы получаю 404 ошибку, потому что такого файла попросту нет. Как решить данную проблему? Вот мой конфиг .htaccess:

RewriteEngine on
    # Don't rewrite files or directories
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    # Rewrite everything else to index.html to allow html5 state links
    RewriteRule ^ index.html [L]

Answer 1

[McBernar]

Homepage в package.json надо добавить.

Comments

[Женя Стариков]

То есть при каждом перемещении приложения в другую папку придётся переписывать этот Homepage?

[McBernar]

Женя Стариков, ну да. Но зачем вы перемещаете код по папкам?

[Женя Стариков]

McBernar, На самом деле, просто интерес, если перекинуть приложение на другой компьютер , что станет с путями.
А каким образом нужно указывать homepage?
"homepage": "site.local/app/" ?