使用router.push的name属性调转时无法匹配404页面

Posted zhanghongke

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用router.push的name属性调转时无法匹配404页面相关的知识,希望对你有一定的参考价值。

首先要路由的最后插入404组件

//前面已定以404组件,这里作转发
    let router404 = {
          path:‘*‘,
          redirect:‘/404‘,
          hidden:true
    }

在路由守卫处添加该代码

if(to.matched.length !== 0 ){
         next()
        //如果匹配到跳转下一页
     }else{
        //没有匹配到的话,跳转404
        next({path:‘/404‘})
   }

以上是关于使用router.push的name属性调转时无法匹配404页面的主要内容,如果未能解决你的问题,请参考以下文章

将对象作为参数传递给 router.push (vue-router@4.05)

$router path name 的疑问

无法在 docRef 函数中使用 this.$router.push(' ')

Vuejs - 使用 router.push() 时未定义的属性“id”

为什么$ router.push({name:'summoner',params:{summonerName:summonerName}})导致url / summoner / use

this.$router.push