2016-07-21 7 views
1

Ich arbeite mit react js für das Routing meiner Meteor-Anwendung. Es erzeugt derzeit einen ungewöhnlichen (in meinen Augen) 404-Routing-Fehler, wenn mit einer verschachtelten Route gearbeitet wird.Reagiere das JS-Routing und erzeuge 404 Fehler

Meine Routing-Struktur ist wie folgt (ich einen Hinweis für die Lesbarkeit entfernt.

<Router history={browserHistory} onUpdate={() => window.scrollTo(0, 0)}> 

    <Route path="/" component={App}> 

    <IndexRoute component={Home} /> 

     //Dashboard 
     <Route path="app" component={AppDash}> 

     <IndexRoute component={DashboardSummary} /> 

     <Route path="inbox" component={App}> 
      <IndexRoute component={Inbox} /> 
      <Route path="?query:query" component={App}/> 
      <Route path=":id/confirm" component={Book}/> 
      <Route path=":id" component={Conversation}/> 
     </Route> 

     </Route> 
    </Route> 

    </Router> 

Nun, wenn ich zu <Route path=":id/confirm" component={Book}/> mit <Link to={this.props.id + "/confirm"}>Book An Option</Link> aus der Seite Gespräch steuere ich einen 404-Fehler erhalten jedoch, wenn ich auffrischen auf diesen Link bringt es die richtige Seite nach oben.

ich bin nicht sicher, wie ich das debuggen würde?

Antwort

0

Versuchen sie unter Ändern,

<Route path=":id/confirm" component={Book}/> 
     <Route path=":id" component={Conversation}/> 

zu

<Route path="confirm" component={Book}> 
    <IndexRoute component={Book}/> 
    <Route path=":id" component={Conversation}/> 
    </Route>