uniapp uni.request重复请求处理

类似这种切换tab时，如果操作很快并且网络不太好，就出现数据错乱，在网上查了一圈，有一个使用uview拦截处理的，但是原生uni.requse没有找到详细的解决办法，就查到使用 abort 方法，我自己封装了一个，试了一下效果还可以。

request.js const pending = [];    // 用来记录队列中的请求// 判断是否有重复的请求并移除
let removePending = (config) => {for (let p = 0; p < pending.length; p++) {console.log(pending[p]);if (pending[p].u === config.url?.split("?")[0] + "&" + config.method) {//当当前请求在数组中存在时执行函数体pending[p].requestTask.abort();pending.splice(p, 1); //数组移除当前请求}}
};export function request(options) {return new Promise((reslove, reject) => {// 每次发送请求之前判断一下removePending(options);const requestTask = uni.request({...,complete: (res) => {// 从请求队列中移除已经执行完成的请求const excutingIndex = pending.findIndex(item => item.requestTask === requestTask)pending.splice(excutingIndex, 1)}})//把请求加入队列数组中pending.push({u: options.url?.split("?")[0] + "&" + options.method,requestTask: requestTask,});})
}