vue入門:axios的應(yīng)用及攔截封裝

一薄霜、概述

在vue2.0項(xiàng)目中违诗,我們主要使用axios進(jìn)行http請求漱凝。

axios 是一個(gè)基于 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中诸迟。

特征:

1茸炒、從瀏覽器中創(chuàng)建XMLHttpRequests

2、從 node.js 創(chuàng)建http請求

3阵苇、支持PromiseAPI

4壁公、支持?jǐn)r截請求和響應(yīng)

5、支持轉(zhuǎn)換請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)

6慎玖、可以取消請求

7贮尖、自動(dòng)轉(zhuǎn)換 JSON 數(shù)據(jù)

8、客戶端支持防御XSRF

二趁怔、IE兼容性

axios是基于 promise湿硝,而promise對IE不支持,所以在進(jìn)行axios使用之前润努,需要對IE做兼容性處理关斜。這里主要使用到'babel-polyfill'。

使用npm進(jìn)行安裝铺浇,npm install babel-polyfill --save

在main.js中導(dǎo)入痢畜。

main.js

這樣它將會(huì)把ES6代碼轉(zhuǎn)為ES5代碼,從而可以在現(xiàn)有環(huán)境執(zhí)行鳍侣。因此我們可以用ES6編寫丁稀,而不用考慮環(huán)境支持的問題。

三倚聚、axios攔截

1线衫、npm安裝axios

? ? ?npm install axios --save

2、搭建結(jié)構(gòu)惑折。src文件下建立axios文件夾授账,并在axios下建立index.js枯跑。

結(jié)構(gòu)

3、index.js中進(jìn)行axios攔截封裝白热。

index.js
index.js

4敛助、main.js中引入

main.js

5、api調(diào)用axios進(jìn)行數(shù)據(jù)請求

api.js
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末屋确,一起剝皮案震驚了整個(gè)濱河市纳击,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌乍恐,老刑警劉巖评疗,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件测砂,死亡現(xiàn)場離奇詭異茵烈,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)砌些,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門呜投,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人存璃,你說我怎么就攤上這事仑荐。” “怎么了纵东?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵粘招,是天一觀的道長。 經(jīng)常有香客問我偎球,道長洒扎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任衰絮,我火速辦了婚禮袍冷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘猫牡。我一直安慰自己胡诗,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布淌友。 她就那樣靜靜地躺著煌恢,像睡著了一般。 火紅的嫁衣襯著肌膚如雪震庭。 梳的紋絲不亂的頭發(fā)上瑰抵,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機(jī)與錄音归薛,去河邊找鬼谍憔。 笑死匪蝙,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的习贫。 我是一名探鬼主播逛球,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼苫昌!你這毒婦竟也來了颤绕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤祟身,失蹤者是張志新(化名)和其女友劉穎奥务,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體袜硫,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡氯葬,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了婉陷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帚称。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖秽澳,靈堂內(nèi)的尸體忽然破棺而出闯睹,到底是詐尸還是另有隱情,我是刑警寧澤担神,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布楼吃,位于F島的核電站,受9級特大地震影響妄讯,放射性物質(zhì)發(fā)生泄漏孩锡。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一捞挥、第九天 我趴在偏房一處隱蔽的房頂上張望浮创。 院中可真熱鬧,春花似錦砌函、人聲如沸斩披。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽垦沉。三九已至,卻和暖如春仍劈,著一層夾襖步出監(jiān)牢的瞬間厕倍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工贩疙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留讹弯,地道東北人况既。 一個(gè)月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像组民,于是被迫代替她去往敵國和親棒仍。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344