胜簪 (@arktomson) 在 推广一下自己写的一个ajax深度劫持库 中发帖
一个 Hook 拦截所有 AJAX 请求:ajax-hooker 使用指南与原理
在公司做了一个Mock接口的浏览器插件,涉及到ajax就自己封装了个库,分享一下,下面AI总结的哈哈
痛点:为什么需要 AJAX 拦截?
作为前端开发者,你一定遇到过这些场景:
接口联调:后端接口没开发完,想 mock 返回数据继续写页面
线上调试:生产环境接口有 bug,想临时修改返回值定位问题
请求监控:给所有请求统一加上 Token、追踪日志
油猴脚本:修改第三方网站的接口行为,比如去广告、改数据展示
Chrome 扩展:开发网络调试工具
现有方案的问题是:XHR 和 Fetch 是两套完全不同的 API。你要么写两套拦截逻辑,要么找一个库帮你抹平差异。
ajax-hooker 就是做这件事的 —— 一个钩子函数同时拦截 XHR 和 Fetch,统一的请求/响应数据结构,还支持流式响应拦截。...