色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

js實現axios限制請求隊列

瀏覽:3日期:2023-05-31 11:56:53
目錄背景是:會造成什么情況呢?背景是:

在實際開發(fā)中,可能會遇到網絡問題或者查詢量比較大的情況,上一個請求還沒有完成,用戶就發(fā)起了下一個請求。

會造成什么情況呢?

但是同一個請求多次發(fā)送到服務器,無疑是對服務器的一種壓力,所以需要在已經優(yōu)化服務器過查詢速度后,以及用戶網絡情況比較差的條件下,在前端進行請求限制。

axios 自帶的cancelToken可以幫我們實現這個需求,并且提供給了我們一個現成的api axios.CancelToken ,這是一個返回值是帶有請求信息的回調函數,我們可以在需要cancel的時候去執(zhí)行這個回調函數。具體實現如下:

const service = axios.create({});const penddingMap = new Map();const addPendding = (config) => { config.cancelToken = config.cancelToken || new axios.CancelToken(cancel => { if(!penddingMap.has(config.url)){ penddingMap.set(config.url,cancel); } })}const removePendding = (config) => { if(penddingMap.has(config.url)){ let cancel = penddingMap.get(config.url); cancel(config.url); penddingMap.delete(config.url) }}

本地維護一個Map來存儲每個請求信息, addPendding 中每次會去先判斷是否有cancelToken,如果有就不用重新創(chuàng)建一個cancelToken。 removePendding 中判斷請求信息是否在Map中,如果該請求存在于Map中,則執(zhí)行cancel函數,并刪除Map中的該請求。

攔截器中的具體應用:

service.interceptors.request.use(config => { removePending(config) // 如果存在Map中先cancel該請求 addPendding(config) // 添加該請求到Map中 return config})service.interceptors.response.use(response => { ``` // some code return response.data},error => { // 捕獲cancel請求并拋出 if(error instanceof Cancel){ error.message = ’上一請求尚未結束,稍等~’; Message.error(error.message); return Promise.reject(error.response) // 這里拋出需要注意,在請求時調用try-catch進行捕獲 }))

這里攔截成功后,就可以限制住大流量的多次請求。

這里只是一個例子,也可以通過判斷按鈕邏輯來控制用戶是否發(fā)起請求。

到此這篇關于js實現axios限制請求隊列的文章就介紹到這了,更多相關js axios限制請求隊列內容請搜索好吧啦網以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: IOS
相關文章:
主站蜘蛛池模板: 超清首页 国产 亚洲 丝袜 | 人成在线免费视频 | 男女性生活网站 | 成年午夜 | 国产亚洲欧美一区二区 | 久久视频在线观看免费 | 绝对真实偷拍盗摄高清在线视频 | 亚洲国产成人久久精品影视 | 久草免费在线播放视频 | 精品国产夜色在线 | 夜色毛片永久免费 | 午夜爽| 美女视频大全网站免费 | 超级香蕉97视频在线观看一区 | 一级a做爰片欧欧美毛片4 | 国产成人lu在线视频 | 成人免费国产欧美日韩你懂的 | 国产午夜a理论毛片在线影院 | 欧美视频一 | 欧美精品亚洲精品日韩 | 日韩中文字幕在线免费观看 | 亚洲一级黄色毛片 | 国产成人在线小视频 | 天空在线观看免费完整 | 成人国产一区二区 | 欧美精品一区视频 | 91精品久久国产青草 | 国产91精品久久久久久久 | 91热国内精品永久免费观看 | 久久在线一区 | 欧美高清免费一级在线 | 91天仙tv嫩模福利 | 欧美成人免费在线视频 | 亚洲欧美男人天堂 | 国产亚洲欧美在线播放网站 | 国产乱码一区二区三区四川人 | 久久国产精品二国产精品 | 美女视频永久黄网站免费观看国产 | 国产不卡a | 久久狠狠| 找个毛片看看 |