5-網絡工具類封裝

在現有axios分裝請求工具上,根據要請求的數據進行二次封裝

所有導出的函數、變量在導入時都需要用{}括起來

json:格式的數據本質上是一個大對象,中間是鍵值:屬性

返回的響應進行處理時,需要動用data屬性找到數據

promise異步對象:對返回的數據自動觸發函數,並利用自定義函數對返回的數據進行處理。

一.網絡類封裝的步驟

1 安裝axios插件
npm i axios -S
2 在src文件夾下的api文件夾下新建
index.js 和 ajax.js
其中index.js:外界通過調用api文件夾中的index.js中的一些方法 就能從網絡獲取Data
ajax.js : 對axios進行進一步的封裝


3 ajax.js編寫
導入axios庫
配置默認請求的根地址、配置超時時間
導出封裝好的方法


4 index.js編寫
導入ajax.js
導出不同的函數變量用於返回不同區域需要獲取的數據


5 在App.vue中發送網絡請求
一般情況下在Vue中發送網絡請求會寫在created、mounted生命週期函數中
created:data和methods已經掛載到vm上了
mounted:已經渲染到界面上了
如果請求得到的數據需要立即顯示在頁面上,都會放在mounted生命週期方法中


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章