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

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

0 голосов
/ 12 марта 2020

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

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

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

enter image description here

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

    <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>

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

1 Ответ

0 голосов
/ 12 марта 2020

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

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

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

...