更新记录

0.0.6（2023-04-20）

0.0.6 (2023-04-20)

Features

• ✨ 支持通过cancelToken取消请求 (3b5fae5)

0.0.5（2023-04-19）

0.0.5 (2023-04-19)

Bug Fixes

• 修复header未携带的问题 (1571c23)

0.0.4（2023-04-19）

0.0.4 (2023-04-19)

Bug Fixes

平台兼容性

fant-axios-adapter

介绍

fant-axios-adapter用于帮助开发者在uni-app项目使用axios请求库，提供了使用uni.request发起网络请求的axios适配器。

演示项目:vue3+vite+axios+pinia+fant-mini-plus基础模板

安装

yarn add fant-axios-adapter -D 或 npm i fant-axios-adapter --save

安装axios

yarn add axios -D

使用

配置axios拦截器

// http.ts
import axios from 'axios'
import { uniAdapter } from 'fant-axios-adapter'

axios.defaults.timeout = 60000
export default class ApiClient {
  public static server() {
    // 可以在这里拦截
    const baseURL = import.meta.env.VITE_BASEURL
    return ApiClient.create(baseURL)
  }

  public static create(baseURL: string) {
    const instance = axios.create({
      withCredentials: true,
      baseURL: baseURL,
      adapter: uniAdapter // 配置适配器
    })

    instance.interceptors.request.use(
      (request) => {
        return request
      },
      (error) => {
        return Promise.reject(error)
      }
    )

    instance.interceptors.response.use(
      (response) => {
        return response
      },
      (error) => {
        return Promise.reject(error)
      }
    )
    return instance
  }
}

使用拦截器

// api.ts
    http
      .server()
      .post(
        '/login',
        {},
        {
          params: { a: 22 }
        }
      )
      .then((res) => {
        return res.data
      })