@duying/axios-plus v1.0.9

axios-plus

安装

npm install @duying/axios-plus

示例

Http.js文件

import AxiosPlus from '@duying/axios-plus'

export default class Http extends AxiosPlus {
  baseURL = 'https://some-domain.com/api'

  urlPrefix = '/a'

  headers = {
    'custom-name': 'hello',
    'custom-age': 18
  }

  constructor () {
    super()
    this.addCustomInterceptors()
  }

  addCustomInterceptors () {
    // 添加请求拦截器
    this.addInterceptor('request', 'key1', [
      function (config) {
        // 在发送请求之前做些什么
        // this 关键字为 AxiosEngine 实例
        return config
      },
      function (error) {
        // 对请求错误做些什么
        // this 关键字为 AxiosEngine 实例
        return Promise.reject(error)
      }
    ])
    // 添加响应拦截器
    this.addInterceptor('response', 'key2', [
      function (response) {
        // 2xx 范围内的状态码都会触发该函数
        // 对响应数据做点什么
        // this 关键字为 AxiosEngine 实例
        return response
      },
      function (error) {
        // 超出 2xx 范围的状态码都会触发该函数
        // 对响应错误做点什么
        // this 关键字为 AxiosEngine 实例
        return Promise.reject(error)
      }
    ])
  }
}

CustomApi.js文件

import Http from './Http.js'

export default class CustomApi {
  // 发起 get 请求
  // https://some-domain.com/api/a/getList?keyword=abc
  static getAction () {
    const http = new Http()
    const params = { keyword: 'abc' }
    return http.get('/getList', { params })
  }

  // 发起 post 请求
  // https://some-domain.com/api/a/submitOrder
  static submitAction () {
    const http = new Http()
    const data = { title: '我是标题', content: '我是正文' }
    return http.post('/submitOrder', { data })
  }
}

AxiosPlus 类属性

AxiosPlus 类方法