@dy2019/axios-plus v1.8.3

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.addRequestInterceptor(
      function (config) {
        // 在发送请求之前做些什么
        // this 关键字为 AxiosPlus 实例
        return config
      },
      function (error) {
        // 对请求错误做些什么
        // this 关键字为 AxiosPlus 实例
        return Promise.reject(error)
      }
    )
    // 添加响应拦截器
    this.addResponseInterceptor(
      function (response) {
        // 2xx 范围内的状态码都会触发该函数
        // 对响应数据做点什么
        // this 关键字为 AxiosPlus 实例
        return response
      },
      function (error) {
        // 超出 2xx 范围的状态码都会触发该函数
        // 对响应错误做点什么
        // this 关键字为 AxiosPlus 实例
        return Promise.reject(error)
      }
    )
  }
}

CustomApi.js文件

import Http from './Http.test.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 类方法

| getUri(url: String, { params?: Object }): String
| addRequestInterceptor(fulfilled: (config: any) => config, rejected: (error: any) => Promise.reject(error)): void | 添加请求拦截器，所有拦截器按照添加顺序正序执行 | | addResponseInterceptor(fulfilled: (config: any) => config, rejected: (error: any) => Promise.reject(error)): void | 添加响应拦截器，所有拦截器按照添加顺序正序执行
| validateStatus(status: Number): Boolean | 定义了对于给定的 HTTP状态码是 resolve 还是 reject promise。默认状态码为 2xx 时 resolve， 其它为 reject promise | | paramsSerializer(params: Object): String | 序列化params |