路由

? ?umi里面都是單頁面應(yīng)用。頁面地址的跳轉(zhuǎn)都是在瀏覽器端完成的，不會重新請求服務(wù)端獲取 html，html 只在應(yīng)用初始化時(shí)加載一次。所有頁面由不同的組件構(gòu)成，頁面的切換其實(shí)就是不同組件的切換，你只需要在配置中把不同的路由路徑和對應(yīng)的組件關(guān)聯(lián)上。

路由配置

? ?路由的配置是在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>

路由組件參數(shù)

? ?路由組件可通過 props 獲取到以下屬性，

? ?match當(dāng)前路由和 url match 后的對象，包含 params、path、url 和 isExact 屬性

? ?location，表示應(yīng)用當(dāng)前出于哪個(gè)位置，包含 pathname、search、query 等屬性

? ?history，同 api#history 接口

? ?route，當(dāng)前路由配置，包含 path、exact、component、routes 等

視頻課程：