uniapp 封装request请求
时间: 2023-08-09 22:10:06 浏览: 58
在 UniApp 中封装 request 请求可以通过使用 uni.request 方法,并在其基础上进行封装。以下是一个简单的示例:
1. 创建一个名为 "api.js" 的文件,用于封装请求:
```javascript
const baseUrl = 'https://api.example.com'; // 请求的接口地址
export const request = (url, method = 'GET', data = {}) => {
return new Promise((resolve, reject) => {
uni.request({
url: baseUrl + url,
method: method,
data: data,
success: res => {
resolve(res.data);
},
fail: err => {
reject(err);
}
});
});
};
```
2. 在需要发送请求的地方引入 "api.js" 并调用封装好的 request 方法:
```javascript
import { request } from '@/api.js';
// 发送 GET 请求示例
request('/user', 'GET')
.then(res => {
console.log(res);
})
.catch(err => {
console.error(err);
});
// 发送 POST 请求示例
request('/user', 'POST', { name: 'John', age: 25 })
.then(res => {
console.log(res);
})
.catch(err => {
console.error(err);
});
```
以上示例中,我们通过封装的 request 方法发送了 GET 和 POST 请求,并且可以处理请求成功和失败的情况。
你可以根据自己的需求修改 baseUrl、request 方法中的参数和返回值处理逻辑,以适应不同的接口和业务场景。