fetch 與 axios

1串塑,fetch 優(yōu)缺點

1侄柔,fetch 是低層次的api枉证,可以考慮成原生的 XHR,所以用起來并不是很舒服历筝,需要進行封裝

2友鼻,優(yōu)點:

  • 語法簡潔傻昙,更加語義化
  • 基于標準 Promise 實現(xiàn),支持 async/await
  • 更加底層彩扔,提供豐富的API
  • 脫離了 XHR妆档,是ES規(guī)范里新的實現(xiàn)方法

3,缺點:

* fetch 只對網(wǎng)絡(luò)請求報錯虫碉,對于400,500都當做成功的請求贾惦,服務(wù)請返回400,500錯誤碼時,并不會reject敦捧,只有網(wǎng)絡(luò)錯誤這些導致請求不能完成時须板,fetch 才會被 reject
* fetch 默認不會帶 cookie,需要添加配置項:fetch(url,{credentials:'include'})
* fetch 不支持 abort绞惦,不支持超時控制逼纸,使用 setTimeout 及promise.reject的實現(xiàn)的超時控制并不能阻止請求過程繼續(xù)在后臺運行,造成了流量的浪費
* fetch 沒有辦法原生監(jiān)聽請求的進度济蝉,而XHR可以
* fetch 上傳文件時杰刽,不支持進度檢測
2,axios 優(yōu)缺點

1王滤,定義:axios基于promise用于瀏覽器和nodejs的http客戶端贺嫂,本質(zhì)上也是對原生XHR的封裝,只不過他是promise的實現(xiàn)版本雁乡,符合最新ES規(guī)范

2第喳,axios 特征:

* 從瀏覽器中創(chuàng)建 XMLHttpRequest
* 支持 Promise API
* 客戶端支持防止 CSRF
* 提供一些并發(fā)請求的接口(重要,方便了很多的操作)
* 從 nodejs 創(chuàng)建 http 請求
* 攔截請求和響應(yīng)
* 轉(zhuǎn)換請求合響應(yīng)數(shù)據(jù)
* 取消請求
* 自動轉(zhuǎn)換JSON數(shù)據(jù)

注:axios 底層是 XMLhttpRequest
fetch 與 axios 某種程度上講踱稍,不是一個層面比較

3曲饱,axios 與 fetch 比較

前端的標準: w3c悠抹,
whatwg 與 w3c
fetch api 就是whatwg制定的

  • fetch:是底層次的api,瀏覽器原生支持的
  • axios:是一個封裝好的框架

axios:

1扩淀,支持瀏覽器與nodejs前后端發(fā)請求
2楔敌,支持promise語法,
3驻谆,支持自動解析json
4卵凑,支持中斷請求
5,支持攔截請求
6胜臊,支持進度條檢測
7勺卢,支持客戶端防止CSRF
總結(jié):封裝比較好

fetch:

  • 優(yōu)點:
1,瀏覽器級別原生支持的api
2象对,原生支持promise api
3黑忱,語法簡潔,符合 es 標準規(guī)范
4勒魔,由whatwg組織提出的杨何,現(xiàn)在已經(jīng)是w3c規(guī)范
  • 缺點:
1,不支持文件上傳進度監(jiān)測
2沥邻,默認不帶cookie
3,不支持請求終止
4羊娃,使用不完美唐全,需要封裝

總結(jié):最大缺點:需要封裝,最大優(yōu)點:支持底層原生

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蕊玷,一起剝皮案震驚了整個濱河市邮利,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌垃帅,老刑警劉巖延届,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異贸诚,居然都是意外死亡方庭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門酱固,熙熙樓的掌柜王于貴愁眉苦臉地迎上來械念,“玉大人,你說我怎么就攤上這事运悲×浼酰” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵班眯,是天一觀的道長希停。 經(jīng)常有香客問我烁巫,道長,這世上最難降的妖魔是什么宠能? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任亚隙,我火速辦了婚禮,結(jié)果婚禮上棍潘,老公的妹妹穿的比我還像新娘恃鞋。我一直安慰自己,他們只是感情好亦歉,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布恤浪。 她就那樣靜靜地躺著,像睡著了一般肴楷。 火紅的嫁衣襯著肌膚如雪水由。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天赛蔫,我揣著相機與錄音砂客,去河邊找鬼。 笑死呵恢,一個胖子當著我的面吹牛鞠值,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播渗钉,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼彤恶,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了鳄橘?” 一聲冷哼從身側(cè)響起声离,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎瘫怜,沒想到半個月后术徊,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡鲸湃,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年赠涮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唤锉。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡世囊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出窿祥,到底是詐尸還是另有隱情株憾,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站嗤瞎,受9級特大地震影響墙歪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜贝奇,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一虹菲、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧掉瞳,春花似錦毕源、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至该镣,卻和暖如春冻璃,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背损合。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工省艳, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人嫁审。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓跋炕,卻偏偏與公主長得像,于是被迫代替她去往敵國和親律适。 傳聞我的和親對象是個殘疾皇子枣购,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容