Nearly-Pickled Module

    quickapp-fetch

    0.0.1 • Public • Published

    quickapp-fetch

    快应用请求封装实践, 4.7KB大小即支持请求超时, GET参数, 请求拦截器, 响应拦截器, 条件重试, 请求耗时记录等操作

    参数索引

    参数 类型 解释 默认值
    baseUrl String 初始URL (最终Url = baseUrl + url)
    url String 拼接Url
    params Obejct GET参数(将自动拼接到url)
    timeout Number 请求超时 (ms) 0 (不设置超时)
    successCode Number 请求成功的服务器状态码 0 (不设置判断验证)
    debug Boolean 是否打印日志 false (不打印)
    retry Number 满足失败条件的最大重试次数 0 (不重试)
    retryCondition Function(response) 重试条件 (参数为服务器响应), 返回true表示重试, 返回false表示不重试 return false (不满足重试条件)
    data String/Object/ArrayBuffer 参考快应用 - data
    header Object 参考快应用 - header
    method String 参考快应用 - method GET
    responseType String 参考快应用 - responseType json

    实例

    1. fetch.js
    import Service from 'quickapp-fetch'
     
    /**
     * 参数初始化
     */
    const service = new Service({
      baseUrl: 'http://api.alishenshen.cn/dev/',
      timeout: 5000, // 2s超时
      debug: true, // 输出请求日志
      retry: 5, // 失败重试次数
      retryCondition: res => { // 重试条件
        const { code } = res
        // http状态码为401
        if(code === 401){
          return true // 重试
        }
        return false // 不重试
      }
    })
     
    /**
     * 请求拦截器1
     */
    service.requestHook(config => {
      config.header['m-token'] = '848ad1e7-c66a-49cc-9482-e999485405c2'
      return config
    })
     
    /**
     * 请求拦截器2
     */
    service.requestHook(config => {
      config.params['appid'] = '971109'
      return config
    })
     
    /**
     * 响应拦截器1
     */
    service.responseHook(response => {
      const { code, data, duration, config, headers } = response
      return data
    })
     
    /**
     * 响应拦截器2
     */
    service.responseHook(response => {
      const { data } = response
      return data
    })
     
    export default config => {
      return service.request(config)
    }
    1. getData.js
    import Fetch from './fetch'
     
    /**
     * 最简单的GET请求
     */
    export const getSimpleData = () => {
      return Fetch({
        url: 'search',
        params: {
          'title': '知识经济时代的两大特征是人的知识贡献比例在日益上升以及产业结构日趋'
        },
        timeout: 8000 // 可对全局的参数进行覆盖
      })
    }

    Install

    npm i quickapp-fetch

    DownloadsWeekly Downloads

    0

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    8.65 kB

    Total Files

    3

    Last publish

    Collaborators

    • arleyguolei