React Router NotFound路由无法正常工作

Question

我试图扩展我的基本工作路由器，以便它可以处理无效的页面请求。例如，如果用户使用＆＃39; / about＆＃39; 地址栏附加主页网址，则会将其转到正确的网页。

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

但是，如果用户输入错误，例如＆＃39; / aboutt＆＃39;，则应显示NotFoundPage。嗯，这是意图，但它不起作用。我看到的不是显示NotFoundPage组件而是：

Cannot GET /aboutt

如果修改导航栏代码，我可以渲染NotFoundPage组件，但更改地址栏并不像我期望的那样工作。

编辑：

我在Github上找到了解决方案here。