wx-request

• @kinngyo/wx-request 是基于 @kinngyo/miniprogram-request 支持微信小程序请求封装,默认支持 get、post、request 方法

安装

npm i @kinngyo/wx-request
# 或
npm add @kinngyo/wx-request

基本使用

import Request from '@kinngyo/wx-request'

// 微信实例化
const request = new Request({
    baseURL: 'https://example.com',
})

// 发送请求
request.get({ url: '/login' })

添加节流

import Request from '@kinngyo/wx-request'

const request = new Request({
    baseURL: 'https://example.com',
    throttle: new Request.ThrottleController({ time: 1000 }),
})

// 发送请求
request.get({ url: '/login' })

高级用法

自定义参数

// 微信实例化
const request = new Request<{ format: boolean; toast: boolean }>({
    baseURL: 'https://example.com',
    format: true, // 可在拦截器中用于返回格式化
    toast: true, // 可在拦截器中用于弹窗提示
})

添加拦截器

import Request, { type RequestConfig } from '@kinngyo/wx-request'

const request = new Request()

// 请求拦截器
const requestInterceptorManager = new Request.InterceptorManager()
requestInterceptorManager.add<RequestConfig>({
    fulfilled(config) {
        return config
    },
})

// 响应拦截器
const responseInterceptorManager = new Request.InterceptorManager()
requestInterceptorManager.add<RequestConfig, RequestConfig>(() => {
    return {
        fulfilled(config) {
            return config
        },
        rejected(config) {
            return config
        },
    }
})

// 使用拦截器
request.use(requestInterceptorManager, responseInterceptorManager)

// 发送请求
request.get({ url: '/login' })

自定义节流

import Request from '@kinngyo/wx-request'

const throttle = Request.ThrottleController({ time: 600 })

// 自定义回调
throttle.promise((resolve, reject) => { reject(new Error("频繁操作"))) })

// 使用节流
const request = new Request({ throttle })