axios-extensions-server axios的拓展,封裝

第一次開發(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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容