uniapp的request请求封装
时间: 2023-09-07 11:18:18 浏览: 102
在UniApp中,可以封装一个公共的请求方法来处理网络请求。以下是一个简单的封装示例:
1. 创建utils文件夹,在其中创建一个api.js文件,用于存放请求相关的代码。
2. 在api.js中定义一个请求方法:
```javascript
export const request = (url, method, data) => {
return new Promise((resolve, reject) => {
uni.request({
url: url,
method: method,
data: data,
header: {
'content-type': 'application/json' // 根据实际情况设置header
},
success: res => {
resolve(res.data);
},
fail: err => {
reject(err);
}
});
});
};
```
3. 在需要发起请求的页面或组件中,引入api.js并调用request方法:
```javascript
import { request } from '@/utils/api.js';
// 示例:获取用户信息
request('https://api.example.com/user', 'GET', { userId: '123' })
.then(res => {
console.log(res);
// 处理返回的数据
})
.catch(err => {
console.error(err);
// 处理错误
});
```
以上代码示例了如何使用封装的request方法进行请求。你可以根据实际需求,修改请求方法内的参数和配置。另外,你还可以在封装的request方法中添加拦截器、错误处理等功能来满足更复杂的请求需求。