在b站上跟著黑馬的視頻學的,相應的后端的接口也是黑馬寫的,謝謝黑馬,然后自己總結(jié)了一下,發(fā)出來了。
axios
axios是一個第三方庫,專門用來做接口調(diào)用,支持Promise語法,比fetch的功能更加強大
官網(wǎng):https://github.com/axios/axios
首先打開官網(wǎng)----點擊Code--點擊下載ZIP,解壓,在dist中有要引入的文件

1. axios的API
axios把各種請求方式,都封裝成了不同的API,使用起來會更加的方便
如果是get【獲取數(shù)據(jù)】,就直接調(diào)用axios上面的get方法
如果是delete【刪除數(shù)據(jù)】,就直接調(diào)用axios上面的delete方法
如果是post【添加數(shù)據(jù)】,就直接調(diào)用axios上面的post方法
如果是put【更新數(shù)據(jù)】,就直接調(diào)用axios上面的put方法
1.1 get和delete請求
get和delete對于請求參數(shù)的處理很像,不用處理請求參數(shù)的格式,只需要傳遞參數(shù)
傳遞參數(shù)有兩種方式,一種是通過URL,另一種是通過axios中params屬性傳遞參數(shù)
URL方式:

params方式:params方式是在url地址后面多了個對象參數(shù),params屬性寫在這個參數(shù)里面,params里面的內(nèi)容就是傳遞的參數(shù),多個參數(shù)直接在params里面寫就行。

1.2?post和put請求
使用axios,post和put請求也是不用設置請求參數(shù)的格式的,直接傳遞參數(shù)即可,這倆傳遞方式的參數(shù)處理很像。注意,使用put一般還是得傳遞一個標識符,讓后臺知道要修改更新的是哪一個數(shù)據(jù)

參數(shù)是有兩種格式的,JSON格式的和字符串格式的,最方面的就是JSON格式的。
JSON格式的是直接在url后面添加一個對象參數(shù),把請求參數(shù)放在這里面即可:

字符串格式的相對來說比較麻煩

關(guān)于axios的響應信息
axios把響應結(jié)果包裝成一個對象(then方法的第一個參數(shù)的形參),里面有各種屬性

axios的全局配置
在發(fā)送請求之前可以提前做一些全局配置,方面我們寫代碼

攔截器
攔截器有請求攔截器和響應攔截器。請求攔截器就是發(fā)送請求之前設置一些信息,響應攔截器就是獲取數(shù)據(jù)之前對數(shù)據(jù)做一些加工處理。
請求攔截器調(diào)用axios.interceptors.request.use()
響應攔截器調(diào)用axios.interceptors.response.use()
兩個方法都是有兩個參數(shù),且兩個參數(shù)都是函數(shù),第一個參數(shù)都是具體配置的,第二個參數(shù)是處理響應的錯誤信息的。
