uni-app请求封装和调用
时间: 2024-09-24 09:17:45 浏览: 46
uni-app封装请求完成示例项目
uni-app是一个用于快速构建跨平台应用的框架,它的网络请求通常会进行封装以便于管理和复用。uni-app的HTTP请求通常通过统一的API管理模块如`u.request`、`axios`或`vue-resource`来进行。
1. **封装**:uni-request.js 或 uni-app提供的内置API `wx.request`(针对微信小程序)、`h5 plus` 的`$http` 等,开发者可以创建一个自定义的网络请求工具函数,比如:
```javascript
const request = async (url, options) => {
const app = getApp(); // 获取小程序环境
const.globalData = app.globalData; // 如果存在全局数据管理
return await (globalData && globalData.request
? globalData.request(url, options)
: wx.request(url, options)); // 小程序专用,其他环境则替换为axios等库
};
```
2. **调用**:在需要发送请求的地方,只需要传入URL和必要的配置选项(如headers、data等),例如:
```javascript
async function fetchData() {
try {
const res = await request('/api/data', {
method: 'GET',
data: { key: 'value' },
headers: {
'Content-Type': 'application/json'
}
});
console.log(res.data);
} catch (error) {
console.error('Request failed:', error);
}
}
```
阅读全文