React-Router-Dom v5 выбрасывает 404 при загрузке первой страницы

Question

У меня возникла эта странная проблема с React-Router-Dom.

Если пользователь идет напрямую по маршруту - кроме Home "/", он попадает прямо в 404. html

Если пользователь переходит непосредственно в «Регистрация» или «Бизнес-профиль», он направляется по стандарту 404. html страница

Только после того, как он go отправится домой, он может посетить другие маршруты

* 1008. *

Answer 1

Это была проблема хостинга.

Я использую хостинг Firebase. Когда я впервые запустил firebase init, я не выбрал вариант single web page.

Так что все другие маршруты не были обработаны правильно

Я снова запустил firebase init, и он выполнил свою работу

Answer 2

В маршруте следует использовать компонент prop, а не children prop:

<Route path="/Signup" component={Signup} />

И страница notFound не должна иметь путь и должна быть последним маршрутом, поскольку она должна действовать как запасной вариант.

<BrowserRouter>
  <Switch>
    <Route exact path="/" component={Home} />
    <Route path="/Signup" component={Signup} />
    <Route path="/:businessProfileID" component={BusinessProfile}
    <Route component={NotFound} />
  />
  </Switch>
</BrowserRouter>

Это должно работать.