Vue-Router:Uncaught (in promise) 报错处理


  • Vue-router≥3.0版本中,路由回调形式已经改成了Promise API形式,返回一个Promise

  • 在相同路由转跳并且没有捕获错误时会在控制打印如下信息:

  • 方法1:可在全局配置一个catch捕捉错误:

    我是直接写在 router > index.js 文件中

      // 包装路由函数,添加处理错误方法;
          const originalPush = VueRouter.prototype.push;
          VueRouter.prototype.push = function(location) {
              return originalPush.call(this, location).catch(err => err);
          };
    
  • 方法2:在调用路由函数时捕获错误:

  • 方法3:使用3.0以下版本。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM