axios是基於Promise來封裝的,通常我們會用axios在數據請求這塊作如下配置:
一、攔截器
有注釋,不難理解,通常請求頭參數不是寫死的,應該是去瀏覽器中讀的,例如,login之后返回token,此時存到瀏覽器存儲,然后攔截器就可以直接去讀了,為后續的每一個請求添加該請求頭參數:
二、get、post封裝
通常后端接口是多種多樣的,有的是從url獲取參數,有的需要我們直接傳一個實體,遇到上傳文件的時候(不用form表單)還需要改變content-type,所以很有必要在寫業務之前對這些進行一個二次封裝
三、調用
ok,方法封裝好了之后,我們通常會單個模塊下的所有接口寫在一個文件中,便於維護(尤其是多人合作的時候)
四、頁面執行
因為axios是基於promise異步的,所以我們要用then()方法來捕獲resolve狀態。