天天看點

前端快閃四: 攔截axios請求和響應

馬甲哥繼續在同程藝龍寫一點大前端:

今天我們來了解一下 如何攔截axios請求/響應?

axios是一個基于 promise 的網絡請求庫,可以用于浏覽器和 node.js, promise 類似于C#的Task async/await機制,以同步的代碼風格編寫異步代碼。

axios一般發起的是ajax請求,我們一般會封裝處理一些通用的 請求/響應動作。

比如馬甲哥就遇到:

在每次ajax跨域請求時,允許攜帶第三方憑據(cookie、authorization)

封裝4xx響應碼的處理邏輯

其中關鍵的就是用到axios的攔截器:

仔細圍觀<code>use</code>sdk,支援傳入兩個函數,

表示請求(響應)一旦準備好了/失敗了,你可以注入的動作。

精簡代碼如下:

以上對于前端老鳥不值一提,但是上述攔截動作對于把握全棧web開發必不可少。

本文來自部落格園,作者:{有态度的馬甲},轉載請注明原文連結:https://www.cnblogs.com/JulianHuang/p/15386779.html

歡迎關注我的原創技術、職場公衆号, 加好友談天說地,一起進化

前端快閃四: 攔截axios請求和響應