使用flyio全局拦截ajax「建议收藏」

2022-10-05 08:36:46 浏览数 (1)

大家好,又见面了,我是你们的朋友全栈君。

1. 场景

如果我们在已经开发好的一个网站上优化,做ajax请求缓存,不确定他使用了什么ajax工具,应该怎么做。

假如开发者使用的是axios,jquery等,我们可以在其中使用axios和jquery的拦截器做拦截。

但是flyio提供了一个更简单的方法。

2. 使用

1.安装flyio

代码语言:javascript复制
npm install flyio --save

2.使用 如下使用,即可拦截全局的ajax

代码语言:javascript复制
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;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

0 人点赞