React Router NotFound Route не работает

Я пытаюсь расширить свой базовый работающий маршрутизатор, чтобы он мог обрабатывать неверные запросы страниц. Например, если пользователь добавляет URL-адрес домашней страницы с помощью "/about" в адресной строке, он будет перенаправлен на правильную страницу.

const Routes = (
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={HomePage} />
      <Route path="about" component={AboutPage} />
      <Route path="authors" component={AuthorPage} />
    </Route>
    <Route path="*" component={NotFoundPage} />
  </Router>
)

Однако, если пользователь вводит опечатки, скажем, "/aboutt", они должны быть показаны на NotFoundPage. Ну, это намерение, но оно не работает. Вместо отображения компонента NotFoundPage все, что я вижу, это:

Cannot GET /aboutt

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

Редактировать:

Я нашел решение здесь, на Github.

0 ответов

Другие вопросы по тегам