Vue—— Error: Redirected when going from “/“ to “/directory/tree“ via a navigation guard

原创于 2021-09-10 08:35:06 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

此篇博客介绍了如何修改Vue Router的原型，增强其push方法，以便在导航时捕获并处理错误，从而提供更友好的用户体验。通过使用catch语句，确保了错误处理的顺畅进行。

在这里插入图片描述
解决方法：

/src/router/index.js:

const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject)
    return originalPush.call(this, location, onResolve, onReject);
  return originalPush.call(this, location).catch(err => err);
};