一薄霜、概述
在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)入痢畜。
這樣它將會(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枯跑。
3、index.js中進(jìn)行axios攔截封裝白热。
4敛助、main.js中引入
5、api調(diào)用axios進(jìn)行數(shù)據(jù)請求