vue跳轉不存在路由返回404頁面方法

vue頁面跳轉不存在的路由返回404頁面，我這里有兩種方法

 

方法1：

通過配置路由，當匹配不到路由時，默認跳轉到404頁面

 

 方法2：

通過使用路由鈎子函數

router.beforeEach((to, from, next)=>{
　　if(to.matched.length === 0){　　　　　　//未匹配到的時候跳轉到404頁面
　　　　next({name:"notFindPage"})
　　}else{
　　　　next()　　　　　　　　　　　　　　　　　//匹配到的時候跳轉相應的路由
　　}
})