реагировать маршрутизатор двойные вложенные маршруты

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> 

У меня есть мой маршрутизатор, настроенный таким образом, URL-адрес для маршрутов 1-го уровня работает (signin signup, signout).

Тем не менее, я обновляю браузер с помощью url 'localhost: 8080/account/profile', broswer даст 404 error для GET http://localhost:8080/account/bundle.js.

Любые идеи, что может быть неправильным?

Answer 1

Возможно, вы захотите изменить свой компонент маршрутов, если вы намерены использовать маршрут для пользователя/учетной записи/профиля при просмотре/учетной записи пользователя.

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