馬甲哥繼續在同程藝龍寫一點大前端:
今天我們來了解一下 如何攔截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
歡迎關注我的原創技術、職場公衆号, 加好友談天說地,一起進化
