前端程序异常上报方法类

功能点

1. 支持window.onerror和vue.config.errorHandler的错误信息捕捉；
2. 将错误信息格式统一，然后通过jsonp格式进行上报。

错误信息的格式如下

    let errorObj = {
        project: '', // 页面所属项目
        message: '',
        script: '',
        lineNo: '',
        columnNo: '',
        stack: '',
    };

使用方法

  npm i --save custom-error-report

    import ErrorReport from 'custom-error-report';

    let errorReport = new ErrorReport({
        supportType: 'vue', // 支持vue项目
        vueIns: Vue, // 传入vue对象
        project: 'collection', // 页面所属的项目
        collectAddress: 'http://localhost:8585/middleware/errorMsg/', // 接受错误信息的服务地址(需要结合自己的项目配置)
        sourceMapAddress: 'http://localhost:8585/client/test-error/' // sourceMap的访问地址(需要结合自己的项目配置)
    });
    errorReport.enableCatchError();

    // react项目需要手动上报错误信息，错误信息包含在stack中
    componentDidCatch(error, errorInfo) {
        errorReport.sendStackErrorInfo({
            message: error.message,
            stack: error.stack
        });
    }
    // 支持直接上报自定义的错误内容（如API接口中的数据不是前端所需要的，需要进行上报收集）
    errorReport.sendErrorInfo({
        message: 'the data from xx api cannot meet FE need'
    });

示例

参考examples文件夹下的readme文件