axios網絡請求

連接：官方文檔

一、發送請求

// 發送 POST 請求
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

// 發送 GET 請求
axios({
  method:'get',
  url:'http://bit.ly/2mTM3nY',
  params: { //請求傳參
      ID: 12345
  }
})
  .then(function(response) {
  response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
});

//發送併發請求
axios.all([]).then().catch();
複製代碼

二、建立實例

const instance = axios.create({
    baseURL: 'https://some-domain.com/api/',
    timeout: 1000,
    headers: {'X-Custom-Header': 'foobar'}
});

// 添加請求攔截器
instance.interceptors.request.use(function (config) {
    // 在發送請求以前作些什麼
    return config;
  }, function (error) {
    // 對請求錯誤作些什麼
    return Promise.reject(error);
  });

// 添加響應攔截器
instance.interceptors.response.use(function (response) {
    // 對響應數據作點什麼
    return response;
  }, function (error) {
    // 對響應錯誤作點什麼
    return Promise.reject(error);
  });
複製代碼

三、實例配置項

url: 請求地址，必填
method: 請求方法
baseURL: 根請求地址 
transformRequest: [functions(data){ return data;}] //發送請求前修改請求數據，如加密、轉換
transformResponse: [function(data){ return data;}] //接收響應數據後修改響應數據
headers: 自定義請求頭
params: {} //url請求參數，隨URL一塊兒發送
data: {} //請求數據，
timeout: 10000, //請求超時時間（毫秒）
responseType: 'json', //// `responseType` 表示服務器響應的數據類型，能夠是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream', 默認爲json
複製代碼