首頁(yè) 猿問(wèn) vue-router...

vue-router addRouter添加路由是往前添加路由么？

Qyouu 2018-07-07 18:26:01

我添加一些路由，后面跟404路由{path: '/*',name: 'error-404',meta: { title: '404-頁(yè)面不存在' }, component: () => import('@/views/error-page/404.vue')}而后又添加路由，后面的路由在訪問(wèn)時(shí)404沒(méi)有匹配到，是不是后面的路由是添加到最前面？

查看完整描述

2 回答

互換的青春

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

直接*就好了好像不用/

反對(duì) 回復(fù) 2018-07-13

慕少森

TA貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊

匹配優(yōu)先級(jí)：有時(shí)候，同一個(gè)路徑可以匹配多個(gè)路由，此時(shí)，匹配的優(yōu)先級(jí)就按照路由的定義順序：誰(shuí)先定義的，誰(shuí)的優(yōu)先級(jí)就最高。
也就是添加新的路由的時(shí)候，是往后面添加。

對(duì)于*路由，代碼做了特殊的處理。
大部分人對(duì)*的認(rèn)識(shí)是一個(gè)后備路由，也就是別的路由都匹配不上的時(shí)候，使用*對(duì)應(yīng)的路由。
源碼src下面的create-route-map.js文件的第29-35行就是專門把*路由放到最后面的:

//?ensure?wildcard?routes?are?always?at?the?end
for?(let?i?=?0,?l?=?pathList.length;?i?<?l;?i++)?{
??if?(pathList[i]?===?'*')?{
????pathList.push(pathList.splice(i,?1)[0])
????l--
????i--
??}
}

綜上，添加路由的時(shí)候按照路由定義的順序添加路由，最后把*路由換到最后面。

反對(duì) 回復(fù) 2018-07-13