现在不搞个react,vue,angular之类的东西，都不好意思说自己是前端
既然纯组件化了，那肯定不可能点个链接就跳走了...
所以了，路由就从后端延伸至前台来了

此处呢，就用react-router做演示啦

基本路由

譬如，/about, /course

<Router history={hashHistory}>
    <Route path="/" component={Main} />
    <Route path="/about" component={About}/>
</Router>
// 注意，hashHistory 访问的路径类似 host/#/about
// browserHistory 则为 host/about

嵌套路由

例如，/about/faq, /user/login

<Router history={hashHistory}>
    <Route path="/" component={App}>
        <Route path="/about" component={About}/>
    </Route>
</Router>

传参

比如，/course/detail/123

<Router history={hashHistory}>
    <Route path="/" component={App}>
        <Route path="/course">
            <IndexRoute component={CourseList}/>
            <Route path="/detail/:id" component={CourseDetail} />
        </Route>
    </Route>
</Router>
// 注意，此时我使用了 IndexRoute，以为加载子路由时会自动加载父级路由，所以我们需要用 IndexRoute 摆脱它

重定向

还是很有必要噻，

let path = '/user/login';
browserHistory.push(path);

欲知关于react-router更多内容请参考react-router