Возврат на домашнюю страницу при обновлении / перезагрузке или ввод вручную URL-адреса

Question

Я новичок и пытаюсь создать сайт с помощью реакции. Я создал что-то похожее на локальный: 3000 / University с помощью кода ниже

<div>
    <BrowserRouter>
        <Route path="/University" component={University}/>
        <Redirect to="/University" />
    </BrowserRouter>
</div>

Затем я использовал кнопку, чтобы перейти к localhost: 3000 / University. Однако, обновляя страницу или вводя URL-адрес вручную, я попадаю на домашнюю страницу, хотя в URL все еще указывается localhost: 3000 / University.

Есть предложения о том, как решить эту проблему? Любая помощь будет очень признательна.

Answer 1

Прежде всего вы должны использовать Switch с Redirect в этом случае. См. Код

<div>
  <BrowserRouter>
    <Switch>      
      <Route path="/University" component={University}/>
      <Redirect to="/University" />
    </Switch>
  </BrowserRouter>
</div>

Из документации

Switch - отображает первого потомка или соответствует местоположению.

В результате у вас есть бесконечность количество перенаправлений и ваш компонент Университет не отображает