React Router выдает ошибку 404 при производстве
React Router работает на локальном компьютере, Chrome, но не в Safari и других браузерах,
<Switch>
<Route exact path = {"/"} component = {Home} />
<Route path = "/programs/:slug" component = {Programs} />
<Route path = "/page/:slug" component = {Page} />
<Route component = {NotFound} />
</Switch>
это мой код, но он отлично работает в режиме разработки без ошибок, но на производстве сафари выдает ошибку 404, когда я перехожу к программам /: slug или page /: slug
Это что? Я поместил это в свой package.json перед сборкой "домашней страницы": "example.co"
Кстати, я использую виртуальный хостинг
В процессе производства ваше приложение работает в горячем режиме на nodejs, которые размещаются как одностраничное приложение. На производстве вам нужно установить некоторую конфигурацию, которая зависит от сервера. как и в apache, вы можете настроить в .htaaccess или в nginx вы можете перезаписать.
Я не знаком с botmap.io. Я поставил ответ. Пожалуйста, отметьте как завершенный, если вы нашли ответ.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Возможно, вам потребуется настроить одну точку входа index.html на сервере. Все URL-адреса должны быть нацелены на index.html, и точка входа будет решать, как отображать и контент на основе маршрута.
Я добавил это в .htaccess
RewriteBase /
RewriteCond %{REQUEST_URI} !^/(assets/?|$)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
Благодаря объяснению Кишана Мундхи
Если вы используете pm2 serve, вы можете просто добавить флаг --spa.
Вы переписали URL на продакшене. Все URL-адреса должны быть нацелены на
index.html.