当前位置: 首页 > Web前端 > vue.js

vue3.xroute404wildcard处理

时间:2023-03-31 21:22:37 vue.js

vue-router3.xwildcardrulevue2.x对应vue-router3.x404routewildcardmethod:{path:'*',//会匹配所有路径名:'404',component:()=>import('@/views/404/index.vue')}vue-router4.x通配符规则上面的代码在vue3.x对应的vue-router4.x的路由中没有通配符中的效果,需要改为:{path:'/:error*',///:error->match/,/one,/one/two,/one/two/three,etc.name:'404',component:()=>import('@/views/404/index.vue')}匹配优先级有时候,同一条路径可以匹配多条路由,这时候,匹配优先级就跟上了路由定义顺序:路由定义越早,优先级越高。[成功]PS:404通配符路由一般放在路由定义的最下方,更多前端知识请关注小程序,不定期有惊喜哦!