React Router выдает ошибку 404 на производстве

Question

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>

- это мой код, но он отлично работает в режиме разработки без ошибок, но на производстве Safari выдает ошибку 404, когда яперейти к программам /: слаг или страница /: слаг

Answer 1

Я добавил это в .htaccess

RewriteBase /
RewriteCond %{REQUEST_URI} !^/(assets/?|$)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

Благодаря объяснению Кишан Мундхи

Answer 2

Возможно, вам потребуется настроить одну точку входа index.html на сервере.Все URL должны быть нацелены на index.html, и точка входа будет решать, как визуализировать и содержимое на основе маршрута.