封裝axios的步驟通常如下:
安裝axios:在命令行中運行 npm install axios
或者使用CDN引入axios庫。
創建一個API模塊:可以根據項目的需求,創建一個統一的API模塊來管理所有的請求。可以創建一個api.js文件,并在其中導入axios庫。
創建一個axios實例:可以使用 axios.create
方法創建一個自定義的axios實例,可以在創建實例時設置一些全局的配置,例如設置請求的baseURL。
設置請求攔截器:通過 axios.interceptors.request.use
方法設置請求攔截器,可以在請求發出前對請求進行一些處理,例如在請求頭中添加token。
設置響應攔截器:通過 axios.interceptors.response.use
方法設置響應攔截器,可以在接收到響應后對響應進行一些處理,例如對錯誤進行統一處理。
封裝請求方法:在API模塊中定義具體的請求方法,例如 get
、post
、put
、delete
等。可以在這些方法中使用之前創建的axios實例來發送請求,并對請求進行一些處理,例如處理返回的數據。
調用請求方法:在需要發送請求的地方調用封裝好的請求方法,并處理返回的數據。
以上是封裝axios的一般步驟,可以根據具體項目的需求進行一些調整和擴展。