使用flyio全局拦截ajax「建议收藏」
1. 场景
如果我们在已经开发好的一个网站上优化，做ajax请求缓存，不确定他使用了什么ajax工具，应该怎么做。
假如开发者使用的是axios，jquery等，我们可以在其中使用axios和jquery的拦截器做拦截。
但是flyio提供了一个更简单的方法。
2. 使用
1.安装flyio
npm install flyio --save2.使用 如下使用，即可拦截全局的ajax
import fly from 'flyio';
import EngineWrapper from 'flyio/dist/npm/engine-wrapper';
fly.engine = XMLHttpRequest;
const engine = EngineWrapper(async function (request, responseCallback) {
fly.request(request.url, request.data, request)
.then(function (d) {
let {
responseText, status, statusText } = d.engine;
console.log('拦截');
// 默认返回
responseCallback({
statusCode: status,
responseText: responseText,
statusMessage: statusText
});
})
.catch(function (err) {
responseCallback({
statusCode: err.status,
statusMessage: err.message
})
})
});
// 替换引擎
XMLHttpRequest = engine;版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年9月8日 下，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
