一、概述

在vue2.0項目中，我們主要使用axios進行http請求。

axios 是一個基于 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。

特征：

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

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

3、支持PromiseAPI

4、支持攔截請求和響應

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

6、可以取消請求

7、自動轉(zhuǎn)換 JSON 數(shù)據(jù)

8、客戶端支持防御XSRF

二、IE兼容性

axios是基于 promise，而promise對IE不支持，所以在進行axios使用之前，需要對IE做兼容性處理。這里主要使用到'babel-polyfill'。

使用npm進行安裝，npm install babel-polyfill --save

在main.js中導入。

main.js

這樣它將會把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中進行axios攔截封裝。

index.js

index.js

4、main.js中引入

main.js

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

api.js