更新记录

1.0.0（2024-12-09） 下载此版本

✨ 特性

• 基于 uni.request 封装
• 轻量级请求插件
• 请求/响应拦截器
• Promise API支持
• 全局配置
• 多端兼容

平台兼容性

uni-app

wht-request

基于 uni.request 封装的轻量级请求插件，支持拦截器、全局配置，多端兼容。

特性

• 基于 uni.request 封装
• 支持请求/响应拦截器
• 支持 Promise API
• 支持全局配置
• 多端兼容

安装

HBuilderX导入插件市场的wht-request插件。

使用

1. 全局配置

// main.js
import WhtRequestPlugin from '@/uni_modules/wht-request/js_sdk/install.js'

// Vue3
createApp().use(WhtRequestPlugin, {
  baseURL: 'https://api.example.com'
})

// Vue2
Vue.use(WhtRequestPlugin, {
  baseURL: 'https://api.example.com'
})

2. 发起请求

// 全局方式
this.$whtRequest.get('/users')
this.$whtRequest.post('/users', { name: 'John' })

// 或直接导入
import WhtRequest from '@/uni_modules/wht-request'
const request = WhtRequest.create({
  baseURL: 'https://api.example.com'
})

request.get('/users')
request.post('/users', { name: 'John' })

3. 拦截器

request.addRequestInterceptor(
  config => {
    config.header.token = 'xxx'
    return config
  }
)

request.addResponseInterceptor(
  response => response.data
)

配置项

以上配置项都会传递给底层的 uni.request。

支持平台

✅ H5、小程序、APP（基于uni.request，支持uni-app所有平台）

更新日志

查看 changelog.md