vue跳转不存在路由返回404页面方法

vue页面跳转不存在的路由返回404页面,我这里有两种方法

方法1:

通过配置路由,当匹配不到路由时,默认跳转到404页面

 

 方法2:

通过使用路由钩子函数

router.beforeEach((to, from, next)=>{
  if(to.matched.length === 0){      //未匹配到的时候跳转到404页面
    next({name:"notFindPage"})
  }else{
    next()                 //匹配到的时候跳转相应的路由
  }
})
原文地址:https://www.cnblogs.com/sisxxw/p/15529657.html