Приложение React выдаст 404 при обновлении страницы в prod, но не в dev

Question

У меня есть приложение React, и у меня проблема с 404 в моей навигации, если я попытаюсь обновить страницу, которая не является корневой страницей, она выдаст мне 404.

Дело в томпроисходит только со мной на производстве, а не с dev.

В среде dev я использую npm start, в среде prod я использую serve build.

Это усложняет отладку, так какЯ теряю опцию горячей перезагрузки для отладки.Я должен скомпилировать мое изображение докера каждый раз, когда я делаю изменение.

Вот немного моего кода:

<BrowserRouter>
        <div>

            <Switch>
                <Route exact path="/premiere-connexion" component={FirstLoginLayout}/>
                {(user.state === "1" && window.location.pathname === "/premiere-connexion") &&
                <Redirect to="/premiere-connexion"/>}
                <PrivateRoute path="/bo" component={BackOfficeLayout} profiles={["ADMIN"]}/>
                <Route exact path="/" component={Customer}/>
                <Redirect to="/"/>
            </Switch>
            }
        </div>
    </BrowserRouter>

Любая идея, как я должен воспроизвести его на местном уровне?

Answer 1

С помощью рекомендаций @hbentlov я решил эту проблему, создав файл serve.json в папке public/ с таким содержанием:

{
  "rewrites": [{
    "source": "**",
    "destination": "/index.html"
  }]
}