1. 程式人生 > >axios使用攔截器統一處理所有的http請求

axios使用攔截器統一處理所有的http請求

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
() {/*...*/});