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