Axios常見用法指南

axios是基於promise封裝的非同步請求外掛程式，其中包含兩套核心，基於瀏覽器的xhr核心，基於服務端http模組，可以相容瀏覽器與服務端兩個業務場景，同時通過了多種傳參方式，攔截全域性請求，全域性資料格式化等功能，方便開發者使用。

傳統用法類$.ajax

// 傳送 post 請求
axios(
}).then(res=>{})
.catch(err=>{})

get方法抽離

// axios.post(url,)
axios.get('/user', 
})

post方法抽離

// axios.post(url,body)
axios.post('/user',

一定要注意兩者引數傳遞時的區別，否則容易在專案中踩坑

通過建立例項，可以避免在使用時重複填寫相同配置

在vue專案中建立乙個例項，並掛載到全域性

// 使用

this.http.post()2. 其它配置項可參考官方文件

由於axios基於promise開發，所以promise.all()，promise.race()同樣適用。

var p1 = new promise((resolve, reject) => ).catch(err=>)
});var p2 = new promise((resolve,reject)=>).catch(err=>)
})// 請求都完成後執行
// 呼叫promise.all().then(res=>{})
promise.all([p1,p2]).then(res=>)
}// 有乙個請求完成即執行
// 呼叫promise.race().then(res=>{})
promise.race([p1,p2]).then(res=>)
}

在請求，響應被 then 或 catch 處理前攔截它們，比如新增其它全域性請求資料(token,簽名)，集中處理catch報錯，判斷請求是否成功，避免分開處理。

向伺服器發出請求前攔截處理

// 新增請求***
axios.interceptors.request.use(function (config) , function (error) );

被伺服器響應後攔截處理

// 新增響應***
axios.interceptors.response.use(function (response) , function (error) );

SQLAlchemy用法指南

資料庫操作都存在4個基本的功能，增讀改刪 crud 增 db.session.add 讀使用model.query model.query是db.session.query model 的簡寫 model.query.all 資料庫中所有行 model.query.limit 10 all ...

nc 用法指南

原文 man nc translate by google nc 1 bsd通用命令手冊nc 1 名稱 nc 任意tcp和udp連線並偵聽概要nc 46bcddhklnrstuuvzz i長度 i間隔 o長度 p 使用者名稱 p源埠 q秒 s原始碼 t關鍵字 v rtable w超時 x prox...

SASS用法指南

學過css的人都知道，它不是一種程式語言。你可以用它開發網頁樣式，但是沒法用它程式設計。也就是說，css基本上是設計師的工具，不是程式設計師的工具。在程式設計師眼裡，css是一件很麻煩的東西。它沒有變數，也沒有條件語句，只是一行行單純的描述，寫起來相當費事。很自然地，有人就開始為css加入程式設計元...

Axios常見用法指南

SQLAlchemy用法指南

nc 用法指南

SASS用法指南

相關推薦