Vue方向:axios全局?jǐn)r截器以及配置的優(yōu)先級

1、axios全局?jǐn)r截器

axios在每一個請求配置中都有一個配置項用于攔截請求或響應(yīng)結(jié)果

這個攔截只能攔截當(dāng)前配置的請求,如果我們希望攔截所有的請求,就需要使用全局?jǐn)r截器

全局?jǐn)r截器是會攔截所有的請求或響應(yīng)


2、攔截器

攔截器的定義:就是在請求或響應(yīng)被then或catch處理前攔截它們


3、圖解

圖示


4、代碼示例

4.1? 請求攔截器

代碼
打印結(jié)果

4.2? 響應(yīng)攔截器

代碼


5、axios配置的優(yōu)先級

針對axios的配置,共分為以下四種:

1.? 默認(rèn)配置,如默認(rèn)的get請求

2.? 全局配置,如全局定義的baseURL:?

axios.default.baseURL?=?"https://jsonplaceholder.typicode.com"

3.? 實例配置,

const instance = axios.create({? ?

? ? ? baseURL: 'https://jsonplaceholder.typicode.com'?

});

4.? 發(fā)送請求配置:

axios({? ?

? ? ?url:?'/posts',

}).then(res?=>?{

? ? ?console.log(res);

})

這些配置的優(yōu)先級為:

配置以一個優(yōu)先順序進(jìn)行合并,這個順序是:

1.? ?在lib.default.js找到的庫的默認(rèn)值

2.? ?然后是全局的defaults配置

3.? ?然后是實例的defaults屬性

4.? ?最后是請求的config參數(shù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容