Почему реактивная маршрутизация не работает напрямую в браузере?

Question

Я использую реагирующий маршрутизатор 2.0 в моем универсальном приложении реакции. Навигация по компоненту Link работает, но когда я вставляю 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}/>