http-listeners

http请求监控http-listeners

• 可全局监控XMLHttpRequest(Ajax)和fetch的请求的请求参数，响应体，响应时间。用于日后的日志分析

使用

• 安装

npm i --save http-listeners

或者

cnpm i --save http-listeners

• 全局调用即可

import ajaxListener from 'http-listeners'
 
// 初始化
ajaxListener.init({
  sysApiPrefix: 'api', // 要监控的API前缀，为了去除掉不必要的请求
  filterApiPrefix: '/api/fly' // 要去除的api前缀，主要是为了防止上报接口
})
// 监听
ajaxListener.intercept = (data) => {
  console.log(data)
}

API

ajaxListener.init

• 方法 监听初始化
• Params obj

字段	说明	必须
sysApiPrefix	要监控的API前缀	N
filterApiPrefix	要去除的api前缀	N

• 示例

ajaxListener.init({
  sysApiPrefix: 'api', // 要监控的API前缀，为了去除掉不必要的请求
  filterApiPrefix: '/api/fly' // 要去除的api前缀，主要是为了防止上报接口
})

ajaxListener.intercept

• 方法的定义（回调函数） 监听
• data obj
• data说明

字段	说明	示例值
querys	路径参数	{name:'zhao', age: 11}
url	url	https://github.com/zhaodeezhu/http-listeners
path	包含query参数的url	https://github.com/zhaodeezhu/http-listeners?name=zhao
os	操作系统	win7
browser	浏览器版本	Chrome 78.0.3904.108
responseText	响应体
resTime	接口响应时间ms	235

• 示例

// 监听
ajaxListener.intercept = (data) => {
  console.log(data)
}