美文网首页
手动抛出Vue全局异常捕获

手动抛出Vue全局异常捕获

作者: 廊桥梦醉 | 来源:发表于2019-08-15 16:48 被阅读0次

一、自定义方法errorHandler

 Vue全局配置 errorHandler可以进行全局错误收集,我们可以根据这个特性对前端异常做这样的处理:业务错误直接写在业务里;代码错误、ajax请求异常等错误可以进行全局捕获然后抛出,不至于前端页面挂掉

main.js文件

tips:

1、代码错误不用手动抛出,全局会捕获到

2、如果是ajax异步请求,异常需要通过this.$throw()手动抛出

官网提供的这个errorHandler只能捕获组件的渲染和观察期间未捕获错误,不能真实的捕捉到下面的错误:

二、捕获这类异常的方法是:

1.将数据处理代码拆分到独立的js模块中,这样Source Map会有错误的定位。
2.将相应的代码封装为独立的Promise,在Promise中catch异常并提示
3.try/catch

三、全局的

全局的window.onerror一般只用于各种hack风格的调试,不建议在项目中直接使用。

相关文章

网友评论

      本文标题:手动抛出Vue全局异常捕获

      本文链接:https://www.haomeiwen.com/subject/kdgzjctx.html