引入方法

yarn add npmhooksentry

import "npmhooksentry";
import { createApp } from 'vue';
// ....自己的代码

app.vue

使用:

export default {
  name: 'App',
  mounted(){
    window.SdkSentry = new window.NpmHookSdkSentry({
        api: "http://api.npmhook.com",
        start: true, 
        appkey: "04JW63XyYfLe0u9Rva",
        httpErrorKeyName:"code",
        userInfo: "15021676592", 
        //发送接口间隔时间
        timeNum: 5000, 
        error: (res) => {
          console.error("注册失败",res);
        },
        success: (res) => {
          console.info(`注册成功`,res);
        }
    });

    //saveError使用案例
     window.SdkSentry.saveError("ajax",{
          url:"https://127.0.0.1/login",//接口url,
          body:{userName:"虎克",pwd:"123456"},//接口请求参数,
          response:{msg:"密码错误"},//错误对象
      }).then(()=>{
        
      })
      window.SdkSentry.saveError("js",{
          jsPath:"https://127.0.0.1/a.js",//错误js路径,
          error:{
            message:"错误信息",
            stack:"错误栈信息",
          },//对象对象栈对象,
      }).then(()=>{
        
      })

  }
}

引入之后，会在window上绑定一个全局实例对象,NpmHookSdkSentry

NpmHookSdkSentry 类说明

| 字段名称 | 类型 | 描述 | | --- | --- | --- | | stopWatch | function | 停止监听 | | startWatch | function | 开启监听 | | setUserInfo | function | 动态设置唯一标识 | | saveError | function(type,error) | type:ajax|js两种类型 error:为上报的错误数据 暴露外部，用于主动上报错误函数，具体参数请看底下文档描述 |

NpmHookSdkSentry 参数说明

| 字段名称 | 类型 | 描述 | | --- | --- | --- | | httpCodes | Array | 成功状态集合 默认[200] | | api | string | 自己的接口地址，具体上报的数据格式，请查看network | | start | boole | 是否启动监听 主要是排除测试环境不需要开启监听 或者使用stopWatch startWatch 开启或者关闭 | | appkey | string | 产品key | | httpErrorKeyName | string | http错误字段名称，默认为http的请求返回的respone中的code字段 | | httpValidateError | function(response) | 自定义http错误规则，该字段默认没有。默认根据http状态码规则验证,true:代表异常 false:代表正确| | userInfo | string | 当前账户唯一标识,也可以通过window.SdkSentry实例对象的window.SdkSentry.setUUID函数动态设置| | timeNum | number | 发送接口间隔时间| | otherInfo | object | 其他额外信息，想怎么加就怎么加，妈妈再也不用担心,此字段默认为：navigator.connection对象中的数据|

注意事项

1：在项目最顶端入口处《请保证引入的位置是js的最顶端入口》

有问题随时联系个人微信号