uniapp二次封装uni.request
时间: 2023-10-03 22:08:00 浏览: 92
uniapp 请求代码封装
Uni.request是uni-app框架提供的网络请求API,可以用于发送HTTP/HTTPS请求。如果你需要对其进行二次封装,可以按照以下步骤进行:
1. 创建一个新的JS文件,例如myRequest.js。
2. 在myRequest.js中引入uni.request:
```javascript
import uniRequest from 'uni-request';
```
3. 创建一个myRequest函数,接收请求参数并发送请求:
```javascript
export default function myRequest(options) {
return new Promise((resolve, reject) => {
uniRequest({
// 设置请求地址
url: options.url,
// 设置请求方法
method: options.method || 'GET',
// 设置请求数据
data: options.data || {},
// 设置请求头
header: options.header || {},
// 设置请求超时时间
timeout: options.timeout || 30000,
// 设置请求响应数据类型
dataType: options.dataType || 'json',
// 设置请求响应数据格式
responseType: options.responseType || 'text',
// 请求成功回调
success: (response) => {
resolve(response.data);
},
// 请求失败回调
fail: (error) => {
reject(error);
}
});
});
}
```
4. 在需要使用网络请求的地方引入myRequest函数,并调用它:
```javascript
import myRequest from './myRequest';
myRequest({
url: 'https://example.com/api',
method: 'POST',
data: {
name: 'John Doe',
email: 'john.doe@example.com'
}
}).then((response) => {
console.log(response);
}).catch((error) => {
console.error(error);
});
```
这样,你就可以使用自己封装的网络请求函数进行网络请求了。需要注意的是,myRequest函数返回的是一个Promise对象,所以你可以使用then/catch方法来处理请求成功/失败的情况。
阅读全文