Vue-router导航守卫怎么实现错误回调？

Question

因为项目里用了懒加载，每次重新build之后有修改过的文件哈希码会改变，导致路由跳转到有修改过的页面会报页面文件404。所以想要在导航守卫执行next()的时候，如果发生错误就回调回来，重新刷新一次页面，让哈希码更新到最新就能够解决问题。

查了Vue-router的文档，发现有next(error)和router.onError(callback)两个守卫方法。
但是我直接在代码中加入这段代码，并没有效果。

请问这个Vue-router的错误回调的守卫方法是怎么使用的？

//我的写法
router.beforeEach((to, from, next) => {
  next(error);
})

router.onError((callback)=>{
    console.log(callback)
});

Answer 1

router.onError(error => {...}); 这样写即可解决