vue 中处理错误上报

前言

平时在项目中你是怎么处理vue中的错误的?

try{}catch{} 上报错误数据,或者在vue中使用this.$message.error()抛出错误提示; 还有什么处理方法吗?

在项目中从来没考虑过还有其他什么可以处理错误的办法? 平时也没怎么关注,直到被别人一问, 猛然惊醒,于是小姐姐决定认真的整理一下vue的错误处理方法?

Vue.js errorHandler

图片.png

关于他的描述, 震惊的不行, 于是下手实践一番:

在项目的main.js里面配置:

Vue.config.errorHandler = function (err, vm, info) {
  console.log('进来啦~');
}
复制代码

在代码中写了一个未定义的变量a 判断if(a.length>1)原本控制台会报错,但是现在就回变成:

图片.png

代码的错误将不会出现在控制台中,如果想要查看错误信息,直接在上面的配置中打印错误console.log(err),就会变成:

图片.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享