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

因为项目里用了懒加载,每次重新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)
});

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注