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

第一次开发npm包,请多提意见,不喜请轻喷,谢谢!
github源码

Introduction

axios-extensions-server 对 axios 实例化并二次封装

主要功能如下:

  • 全局请求配置;
  • 全局请求状态管理;
  • 错误信息收集并提示,自定义 callback 处理;
  • 加入 loadProgressBar 请求显示进度样式;
  • get,post,put,_delete 请求的封装;
  • 取消重复请求:

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(...)

参数相关

参数名 类型 默认值 解释 是否必传 备注
loadProgressBar Boolean false 参考 https://www.npmjs.com/package/axios-progress-bar
headers Object {} 需要的头信息,例如:Authorization
createOptions Object {} 创建 axios 实例时所需设置
errCallback Object {} 发生错误时的回调,返回值是一个对象

封装的方法

axios.get(url,[params, config])
axios.post(url[,data[, config]])
axios.put(url[,data[, config]])
axios._delete(url[,data, config])

注:delete方法封装成为_delete
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容