UmiJS基础教程（3）- 路由

路由

   umi里面都是单页面应用。页面地址的跳转都是在浏览器端完成的，不会重新请求服务端获取 html，html 只在应用初始化时加载一次。所有页面由不同的组件构成，页面的切换其实就是不同组件的切换，你只需要在配置中把不同的路由路径和对应的组件关联上。

路由配置

   路由的配置是在routes里面。

    

{       exact:true,       path: '/user',       component: 'user'       redirect:'/login',       title:'title',       routes:[           {               exact:true,               path: '/user',               component: 'user'               redirect:'/login',               title:'title',           }       ]}

Link 组件

   

<Link to="/users">Users Page</Link>

路由组件参数

   路由组件可通过 props 获取到以下属性，

   match当前路由和 url match 后的对象，包含 params、path、url 和 isExact 属性

   location，表示应用当前出于哪个位置，包含 pathname、search、query 等属性

   history，同 api#history 接口

   route，当前路由配置，包含 path、exact、component、routes 等

视频课程：