为什么react-routing不能直接在浏览器中工作？

Question

我在我的通用react应用程序中使用react-router 2.0。导航通过链接组件工作，但当我手动粘贴url时，什么也没有发生(浏览器挂起)。如何解决此问题？这是路由器代码：

<Route path="/" component={App}>
  { /* Home (main) route */ }
  <IndexRoute component={Home}/>

  { /* Routes requiring login */ }
  <Route onEnter={requireLogin}>
    <Route path="chat" component={Chat}/>
    <Route path="loginSuccess" component={LoginSuccess}/>
  </Route>

  { /* Routes */ }
  <Route path="about" component={About}/>
  <Route path="login" component={Login}/>
  <Route path="pagination" component={Pagination}/>
  <Route path="survey/:user" component={Survey}/>
  <Route path="widgets" component={Widgets}/>
  <Route path="search" component={Search}/>
  <Route path="make/model/:id" component={Details}/>
  { /* Catch all route */ }
  <Route path="*" component={NotFound} status={404} />
</Route>

Answer 1

在您的路线中尝试此方法

在所有路由中添加"/“，如下所示

<Route path="/about" component={About}/>