基于axios封装的vue组件

使用方法

npm i -S @zebra-c/axios

功能

• 请求超时重试 在请求失败时，默认会重试3次，可以通过retry字段进行配置

• 对get和post请求的参数格式进行统一处理

• 添加loading配置项，在vue实例中通过访问$loadings对象获取到对应的loading状态

  // 在请求的时候传入loading为users
  axios.post('/api/users', {}, { loading: 'users' })

  
  <!-- 在模板中使用 -->
  <el-button :loading="$loadings.users" >提交</el-button>

• 取消重复请求

  // 在请求的时候传入cancel为users
  axios.post('/api/users', {}, { loading: 'users', cancel: 'users' })
  // cancel可以是一个函数
  axios.post('/api/users', {}, { loading: 'users', cancel: (token, message) => {} })

• 在安装组件时可以传入配置项

  • baseURL 设置baseURL选项
  • debug 是否开启debug
  • interceptors 请求拦截
  • responseHandler 响应处理
  • errorHandler 错误处理
  • beforeSend 请求发起前的处理