yishibakaien / ts-axios

🍉 用 TypeScript 实现 axios 浏览器部分，完善的 demo 与单元测试

项目介绍

用 typescript 实现 axios 浏览器部分，完善的 demo 与单元测试

ts-axios

• 采用 Promise API
• 请求和响应配置化
• 支持请求和响应数据自定义拦截器
• 支持外部取消请求
• 支持跨域请求携带 cookie
• 支持客户端 XSRF 防御
• 支持 upload/download 进度监控
• 支持 http authorization
• 自定义合法状态码
• 自定义参数序列化
• 支持配置 baseURL
• axios.all axios.spread axios.getUri

所有 axios 官方库浏览器端功能已实现

单元测试

• helpers 模块测试用例编写完毕

ts-axios's Issues

请教个问题

// 链式调用
    const chian: PromiseChian[] = [{
      resolve: dispatchRequest,
      rejected: undefined
    }]

    this.interceptors.request.forEach(interceptor => {
      chian.unshift(interceptor)
    })

    this.interceptors.response.forEach(interceptor => {
      chian.push(interceptor)
    })

    let promise = Promise.resolve(config)
    while (chian.length) {
      const { resolve, rejected } = chian.shift()!
      promise = promise.then(resolve, rejected)
    }

    // return dispatchRequest(config)
    return promise

我返回的 promise, 编辑器提示我错误

不能将类型“Promise<AxiosRequest>”分配给类型“AxiosPromise<any>”。
  属性“then”的类型不兼容。
    不能将类型“<TResult1 = AxiosRequest, TResult2 = never>(onfulfilled?: ((value: AxiosRequest) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<...>”分配给类型“<TResult1 = AxiosResponse<any>, TResult2 = never>(onfulfilled?: ((value: AxiosResponse<any>) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<...>”。
      参数“onfulfilled”和“onfulfilled” 的类型不兼容。
        参数“value”和“value” 的类型不兼容。
          Type 'AxiosRequest' is missing the following properties from type 'AxiosResponse<any>': status, config, statusText, requestts(2322)

请问你在写的时候遇到过这样的问题吗

老哥, 能给个视频看下么

老哥，这个是已经完成了吗？

请教一下 demo部分的webpack hot reload没有效果，您有遇到这个问题吗

糟心