[js] axios攔截器原理是什么？

攔截器原理其實(shí)就是用use添加用戶自定義的函數(shù)到攔截器的數(shù)組中。
最后把他們放在攔截器請求前，請求后。組成promise鏈?zhǔn)秸{(diào)用。

// 組成`Promise`鏈// Hook up interceptors middleware// 把 xhr 請求 的 dispatchRequest 和 undefined 放在一個(gè)數(shù)組里var chain = [dispatchRequest, undefined];// 創(chuàng)建 Promise 實(shí)例var promise = Promise.resolve(config);// 遍歷用戶設(shè)置的請求攔截器 放到數(shù)組的 chain 前面this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) {chain.unshift(interceptor.fulfilled, interceptor.rejected);});// 遍歷用戶設(shè)置的響應(yīng)攔截器 放到數(shù)組的 chain 后面this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) {chain.push(interceptor.fulfilled, interceptor.rejected);});// 遍歷 chain 數(shù)組，直到遍歷 chain.length 為 0while (chain.length) {// 兩兩對應(yīng)移出來 放到 then 的兩個(gè)參數(shù)里。promise = promise.then(chain.shift(), chain.shift());}return promise;

個(gè)人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[js] axios拦截器原理是什么？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。