axios使用攔截器統一處理所有的http請求
阿新 • • 發佈:2019-02-15
axios使用攔截器
在請求或響應被 then 或 catch 處理前攔截它們。
- http request攔截器
// 新增請求攔截器
axios.interceptors.request.use(function (config) {
// 在傳送請求之前做些什麼
return config;
}, function (error) {
// 對請求錯誤做些什麼
return Promise.reject(error);
});
- http respones攔截器
// 新增響應攔截器
axios.interceptors.response.use (function (response) {
// 對響應資料做點什麼
return response;
}, function (error) {
// 對響應錯誤做點什麼
return Promise.reject(error);
});
- 移除攔截器
var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);
- 為自定義axios例項新增攔截器
var instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});