vue 错误捕捉收集

无意中看到一篇文章，关于项目错误的捕捉和处理，在此记录一下：

目前，在实际中，并没有使用到异常捕捉的相关功能，都是有错误直接在控制台抛出，暂时对异常铺抓没有特别深刻的体会。

对错误进行捕捉和处理，目前了解的应用场景是，页面有一个错误模块收集，统一上传展示。

1、新建js文件：

其中：CMVSCONFIG.isOpenErrorCapture是我页面自定义的全局变量，用于控制是否开启异常捕捉功能

在Vue.config.errorHandler进行console打印，主要是为了把异常错误信息，抛出到浏览器的控制台中；

export default {
    install (Vue, options) {
        if (CMVSCONFIG.isOpenErrorCapture) {
            Vue.config.errorHandler = (error, vm, mes) => {
                let info = {
                    error: error,
                    vm: vm,
                    mes: mes
                }
                console.log(info)
                // 错误上报到收集报错的平台：error.message
                // 此处代码错误可以收集存储
            } 
        }
    }
}

2、在mian.js中引入

// 异常捕捉
import errorHandler from '@/common/js/errorHandler.js'
Vue.use(errorHandler)