手动抛出Vue全局异常捕获

2019-08-15  本文已影响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风格的调试,不建议在项目中直接使用。

上一篇下一篇

猜你喜欢

热点阅读