一、自定义方法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风格的调试,不建议在项目中直接使用。
网友评论