组件依赖路由加载的思想是怎么回事呢

#1

自己写了一个小项目发现，刷新页面后，就没有组件嵌套了

render(){
    return(
        <div className={style.wrap}>
            <Router>
                <Layout style={{height:'100%',padding: '24px 0'}}>
                    <Header className={style.header}>
                    </Header>
                    <Content style={{ padding: '0 50px',minHeight: 480  }}>
                        <div className={style.leftSide}>
                            <Personal/>
                            <Nav/>
                        </div>
                        <div className={style.rightSide}>
                            <Route path='/layout' exact component={welcomeP}/>
                            <Route path='/personal'  component={personal}/>
                            <Route path='/find'  component={find}/>
                            <Route path='/mood'  component={mood}/>
                            <Route path='/display'  component={display}/>
                            <Route path='/userset'  component={userset}/>
                            <Route path='/pwdchange'  component={pwdchange}/>
                        </div>
                    </Content>
                    <Footer style={{ textAlign: 'center',padding:'0'}}>
                        <p>
                            <a className={style.me} onClick={this.handleExit}>退出登录</a>
                        </p>
                    </Footer>
                </Layout>
            </Router>
        </div>
    )
}

这是单页面主页，一旦刷新就不显示其他组件，就只有当前路由组件，弄完才发现出问题了

router.js

 function RouterConfig({ history }) {
  return(
  <Router history={history}>
      <Switch>
      <Route exact path="/" component={lsPage}/>
      <Route exact path="/layout" component={layout} />
      <Route exact path="/404" component={notFound}/>
      <Route  exact path="/login" component={loginPage} />
      <Route  exact path="/sign" component={signUpPage} />
      <Route  exact path="/personal" component={personPage} />
      <Route  exact path="/find" component={findPage} />
      <Route exact  path="/mood" component={moodPage} />
      <Route  exact path='/display' component={displayPage}/>
      <Route  exact path='/userset' component={setPage}/>
      <Route  exact path='/pwdchange' component={pwdchangePage}/>
      </Switch>
  </Router>
  )
}

脚手架是dva，请问正确的组件加载是怎样的方法呢