axios的攔截器是一個作用非常大，非常好用的東西。分為請求攔截器和響應攔截器兩種。
我一般把攔截器寫在main.js裡。

1. 請求攔截器

請求攔截器的作用是在請求傳送前進行一些操作，例如在每個請求體里加上token，統一做了處理如果以後要改也非常容易。

axios.interceptors.request.use(function (config) {
    // 在傳送請求之前做些什麼，例如加入token
    .......
    return config;
  }, function (error) {
    // 對請求錯誤做些什麼
    return Promise.reject(error);
  });
 

2. 響應攔截器

響應攔截器的作用是在接收到響應後進行一些操作，例如在伺服器返回登入狀態失效，需要重新登入的時候，跳轉到登入頁。

axios.interceptors.response.use(function (response) {
    // 在接收響應做些什麼，例如跳轉到登入頁
    ......
    return response;
  }, function (error) {
    // 對響應錯誤做點什麼
    return Promise.reject(error);
  });

3. 移除攔截器

var myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);
 

4. 為axios例項新增攔截器

var instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});

攔截器真的非常重要非常好用~

原文地址：https://segmentfault.com/a/1190000016980755