Приложение React router, размещенное в firebase, дочерние маршруты возвращают 404

Question

У меня есть приложение для создания реакции, размещенное в Firebase. Я использую react-router-dom.

Все работает как положено, если я запрашиваю root маршрут '/'. Затем я могу запросить дочерние маршруты.

Но если я новый пользователь или go, перейдите на личную вкладку и попробуйте напрямую перейти к дочернему маршруту. Он возвращает страницу 404 не найден:

Вот пример моего маршрутизатора:

    <Router>
      <Switch>
        <Route path="/" component={UserDashboard} exact />
        <Route path="/email-link-sign-up" component={EmailLinkSignUp} exact />
        <Route path="/join-with-hash" component={JoinClubHash} exact />
        <Route component={Login} />
      </Switch>
    </Router>

Как я могу исправить это?

Answer 1

Добавление этого правила в атрибут hosting в файле firebase.json сделало свое дело:

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

В основном говорится, что «каждый дочерний путь должен обслуживать index.html файл»