基于vue项目前端报错监控

时间：2020-01-16 14:42:11 阅读：82 评论：0 收藏：0 [点我收藏+]

最近要做一个vue项目的监控，来实时监听正式环境的异常，并且快速响应进行bug修改，其实vue项目报错主要从下面三个方法进行错误收集

window.addEventListener(‘unhandledrejection‘, event => {

event.promise.catch((e) => {

utils.errorCatch(e, 3)

})

window.onerror = function (errorMessage, scriptURI, lineNo, columnNo, error) {

// 记录堆栈信息

if (error) {

error.url = error.stack

}

utils.errorCatch(error, 4)

}

Vue.config.errorHandler = function (err, vm, info) {

if (err) {

err.url = err.stack

}

utils.errorCatch(err, 5) // 发送请求给后端进行保存

}

使用上面三个方法就能捕获收集绝多数的js报错，然后可以展示成一个列表供筛选如下：

原文地址：https://www.cnblogs.com/chengeping/p/12200829.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行