vue axios攔截器介紹

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

攔截器真的很是重要很是好用~