第一次開發(fā)npm包,請多提意見,不喜請輕噴,謝謝!
github源碼
Introduction
axios-extensions-server 對 axios 實例化并二次封裝
主要功能如下:
- 全局請求配置;
- 全局請求狀態(tài)管理;
- 錯誤信息收集并提示,自定義 callback 處理;
- 加入 loadProgressBar 請求顯示進度樣式;
- get,post,put,_delete 請求的封裝;
- 取消重復(fù)請求:
Install
npm install --save axios-extensions-server
Usage
可在文件中引入
import axiosExtensionsServer from 'axios-extensions-server';
let http = axiosExtensionsServer.create({
loadProgressBar: false,
headers: {},
createOptions: {},
errCallback(err){
console.log(err.status)
console.log(err.msg)
}
})
http.get(...)
或者
Vue.prototype.$http = axiosExtensionsServer.create({
loadProgressBar: false,
headers: {},
createOptions: {},
errCallback(msg){
console.log(err.status)
console.log(err.msg)
}
});
this.$http.get(...)
參數(shù)相關(guān)
| 參數(shù)名 | 類型 | 默認值 | 解釋 | 是否必傳 | 備注 |
|---|---|---|---|---|---|
| loadProgressBar | Boolean | false | 參考 https://www.npmjs.com/package/axios-progress-bar | 否 | |
| headers | Object | {} | 需要的頭信息,例如:Authorization | 否 | |
| createOptions | Object | {} | 創(chuàng)建 axios 實例時所需設(shè)置 | 否 | |
| errCallback | Object | {} | 發(fā)生錯誤時的回調(diào),返回值是一個對象 | 否 |
封裝的方法
axios.get(url,[params, config])
axios.post(url[,data[, config]])
axios.put(url[,data[, config]])
axios._delete(url[,data, config])
注:delete方法封裝成為_delete