Axios學習(1)---介紹與使用

一、Axios介紹

1、Axios是什麼？

Axios是一個基於promise的HTTP庫，類似於jQuery的ajax，用於http請求。可以應用於瀏覽器端和node.js，既可以用於客戶端，也可以用於node.js編寫的服務端。

2、Axios特性

（1）支持Promise API

（2）攔截請求與響應，比如：在請求前添加授權和響應前做一些事情。

（3）轉換請求數據和響應數據，比如：進行請求加密或者響應數據加密。

（4）取消請求

（5）自動轉換JSON數據

（6）客戶端支持防禦XSRF

3、瀏覽器支持情況

Firefox、Chrome、Safari、Opera、Edge、IE8+

---

二、Axios使用

1、vue創建項目 vue create axios-vue，選擇自定義配置manually select features，終端顯示如下：上下鍵切換，空格鍵選擇對應配置。

而後，我們一次選擇一下配置：

運行終端指令 cd axios-vue 、npm run serve啓動項目後，運行終端指令npm add axios安裝axios，至此，項目創建完成，axios安裝完成。

在項目的public文件夾下新建data.json文件，用於模擬數據。在組建中引入axios，併發起請求。

備註：因爲接口訪問的index.html文件實際上就是http://localhost:8080/就是public這個文件夾，所以json文件放在這個地方。

{
    "title":"vue project",
    "create_time":"2019-01-01"
}

在組件中中，引入axios並使用。

import axios from "axios"


axios.get("/data.json").then(res=>{
    console.log(res)
}).catch(err=>{
    console.log(err)
})

此時，已經可以請求掉數據了，效果如下：

 三、微信提示

更多博文，請關注公衆號：小拾歲月 xssy5431

掃碼：