更新记录
1.0.0(2024-12-09) 下载此版本
✨ 特性
- 基于 uni.request 封装
- 轻量级请求插件
- 请求/响应拦截器
- Promise API支持
- 全局配置
- 多端兼容
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
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
)
配置项
参数 | 说明 | 默认值 |
---|---|---|
baseURL | 基础URL | '' |
timeout | 超时(ms) | 60000 |
header | 请求头 | {} |
以上配置项都会传递给底层的 uni.request
。
支持平台
✅ H5、小程序、APP(基于uni.request,支持uni-app所有平台)
更新日志
查看 changelog.md