vue3+typescript+axios+Element-plus進階封裝方案
之前已經(jīng)有一篇關(guān)于ts+axios的封裝方法,但是那個封裝不是利用純ts方法封裝的,略帶有點瑕疵。僅用此文補充和參考,如果用ts文件,強烈建議用此文章封裝方法。反之用js+axios即可。
通過本文你將學到:
typescript的class類進行封裝axios;
ts接口類型判斷定義;
get請求參數(shù)序列化;
axios.CancelToken取消重復請求方法使用;
AxiosRequestConfig和AxiosInstance 類型使用
學會ts類實現(xiàn)接口方法;
具體實驗步驟:
1、http.ts文件封裝axios函數(shù)庫
2、引用axios工具函數(shù)request
3、vue文件內(nèi)引用api示例
備注:具體response響應回調(diào)判斷要根據(jù)自己服務接口返回類型判斷。這里我是以我的服務器響應數(shù)據(jù)格式為案例的。
標簽: