Reagiere Routers doppelt verschachtelte Routen

Question

<Router history={history}> 
    <Route path="/" component={App}> 
    <IndexRoute component={Home} /> 
    <Route path="signin" component={skipWhenAuthHoc(SignIn)} /> 
    <Route path="signup" component={skipWhenAuthHoc(SignUp)} /> 
    <Route path="signout" component={SignOut} /> 
    <Redirect from="account" to="/account/profile" /> 
    <Route path="account"> 
     <Route path="profile" component={UserProfile} /> 
     <Route path="setting" component={UserSetting} /> 
    </Route> 
    </Route> 
</Router> 

Ich habe meinen Router so eingerichtet, die URL für die Routen der 1. Ebene funktioniert (Anmeldung, Abmeldung).

Allerdings aktualisiere ich den Browser mit der URL 'localhost: 8080/account/profile', der Browser gibt 404 Fehler für GET http://localhost:8080/account/bundle.js.

Irgendwelche Ideen, was könnte falsch sein?

Answer 1

Sie möchten vielleicht Ihre Routen-Komponente ändern, wenn Sie Benutzer/Konto/Profil routen möchten, wenn Benutzer durchsuchen/Konto.

<Router history={history}> 
<Route path="/" component={App}> 
<IndexRoute component={Home} /> 
<Route path="signin" component={skipWhenAuthHoc(SignIn)} /> 
<Route path="signup" component={skipWhenAuthHoc(SignUp)} /> 
<Route path="signout" component={SignOut} /> 
<Route path="account"> 
    <IndexRoute path="profile" component={UserProfile} /> 
    <Route path="setting" component={UserSetting} /> 
</Route>