vue2.x & vue3.x 路由404通配处理

vue-router3.x通配规则

• vue2.x对应的vue-router3.x的404路由通配方式：

{
    path : '*', //会匹配所有路径
    name : '404',
    component : ()=> import('@/pages/404/index.vue') 
}

vue-router4.x通配规则

• 以上的代码在vue3.x对应的vue-router4.x的路由通配中就没有效果了，需要改成这样才行：

{
    path : '/:error*', //:error ->匹配 /， /1 , /1/2 , /1/2/3 等多级路由
    name : '404',
    component : ()=> import('@/pages/404/index.vue') 
}

匹配优先级

• 有时候，同一个路径可以匹配多个路由，此时，匹配的优先级就按照路由的定义顺序：路由定义得越早，优先级就越高。

[success] PS：404通配路由一般放到路由定义的最底部