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.