第一步建立例項

let http = axios.create({
// 這個裡面可以設定一些請求頭之類的配置
timeout: 3000,
headers: {}
});

第二步 設定攔截器

　2.1 攔截器分為 請求攔截器和響應攔截器

//請求攔截器程式碼格式如下

http.interceptors.request.use(config => {
    config.data = config.data || {};
    // 可以在這裡新增全域性統一的關卡  比如說token userid等等    
    // 判斷是否擁有登入有則新增到請求引數中去 也就是 data中去  這樣只要請求就會帶    
        userid 與token，就不需要再在每個介面中寫全域性統一的引數
    if (hastoken) {
    // config.data["userId"] = store.getters.userId;
    // config.data["token"] = store.getters.token;
    }
    // 這裡同上 也可以在headers中新增配置
     if(hasgps){
     config.headers.xxx = xxx;
    }
    // 然後config.data需要格式化一下
    //qs.stringify 是把一個引數物件格式化為一個字串。
   // qs.parse 方法可以把一段格式化的字串轉換為物件格式
    config.data = qs.stringify(config.data);
   //  最後return config
    return config;
});    
    

上述config物件

//響應攔截器程式碼　

http.interceptors.response.use( response => {
    //攔截響應，做統一處理 
    const res = response.data;
    // 請求成功,但是介面報錯
    if (!res.result) {
    // 根據返回的錯誤碼可以做一些響應的處理
      if (res.errorCode === 10001) {
      // 處理程式碼
      } else if (res.errorCode === 90000) {
      // 處理程式碼
      }
     // 沒有響應程式碼處理  可以返回一個Promise物件
 

      return Promise.reject({
        code: res.errorCode,
        msg: res.txtMessage
      });
    } else {
      return res;
    }
  },
   // 請求失敗在error中顯示出來 並返回錯誤
   // 請求攔截其中也有error  一般用不到
  error => {
    Notify({
      message: "服務端連線異常",
      color: "#FFFFFF",
      background:#FF4023"
    });
    return Promise.reject(error);
  }
);
 

   export default http;

  import request from "@/utils/request";
    request({
    url: "/auth/get-captcha",
    method: "post",
    data: data
    });    

詳情見axios githubhttps://github.com/axios/axios