axios的使用以及封裝

一、什么是axios

Axios 是一個基于 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中,我們在項目中會經(jīng)常用axios請求接口來獲取數(shù)據(jù)

二、安裝axios

1.npm:npm install axios --save

2.yarn: yarn add axios

這個時候已經(jīng)能通過進入axios來試用了,但是接口不同,所需要的請求數(shù)據(jù)樣式也就不同,所以我們要封裝axios來滿足接口的需求,

三、封裝axios

1.首先在項目里創(chuàng)建一個新的文件夾


2.引入axios


有些接口是需要把返回的數(shù)據(jù)進行qs轉(zhuǎn)換的

3.創(chuàng)建實例


baseURl的作用是公共端口,timeout是請求時間

4.添加攔截器


在攔截器里面就可以做我們想要的操作

5.最后為了代碼的美觀,我們需要將axios放到api拋出層中


最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容