axios 全攻略之 API

你可以在 Request 中使用具體的配置項

發(fā)送一個 POST 請求

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

請求一張遠程圖片

axios({
  method:'get',
  url:'http://bit.ly/2mTM3nY',
  responseType:'stream'
})
  .then(function(response) {
  response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
});

在 axios 中使用 axios(url[, config]) 方式來配置選項

比如一個默認(rèn)的 GET 請求

axios('/user/12345');

請求方法簡寫

axios 提供了一系列簡潔的方法來支持所有的請求

axios.request(config)

axios.get(url[, config])

axios.delete(url[, config])

axios.head(url[, config])

axios.options(url[, config])

axios.post(url[, data[, config]])

axios.put(url[, data[, config]])

axios.patch(url[, data[, config]])

你可以使用如下的兩個方法來并發(fā)的執(zhí)行異步請求,當(dāng)最后一個請求之后才運行后面的代碼

axios.all(iterable)

axios.spread(callback)

這里舉例說明

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));

創(chuàng)建一個實例

你能夠通過自定義的配置創(chuàng)建一個 axios 實例

axios.create([config])

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

實例

可以使用的實例如下所示,指定的配置會和實例配置合并

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#options(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 時間2017-03-31 13:43:44Hope’s Blog 原文https://blog.ygxdxx.co...
    蕭玄辭閱讀 15,343評論 3 16
  • 隨著 vuejs 作者尤雨溪發(fā)布消息,不再繼續(xù)維護vue-resource,并推薦大家使用 axios 開始,ax...
    領(lǐng)家的小貓閱讀 14,081評論 3 106
  • 一、安裝 1、 利用npm安裝npm install axios --save 2、 利用bower安裝bower...
    kiddings閱讀 1,916評論 0 3
  • ?張愛玲說"愛,就是不問值不值得",其實你可以這樣來理解,當(dāng)你的內(nèi)心在問你的付出值得嗎,你就已經(jīng)不再愛了。不要覺得...
    Yang沐汐閱讀 2,659評論 0 1

友情鏈接更多精彩內(nèi)容