uniapp 保姆级封装网络请求
时间: 2023-08-29 07:05:31 浏览: 48
Uniapp 封装网络请求比较简单,可以使用 uni.request() 方法,该方法可以发起 HTTPS 网络请求。
下面是一个简单的网络请求封装:
```javascript
// request.js
const BASE_URL = 'https://example.com/api';
export default function request(options) {
return new Promise((resolve, reject) => {
uni.request({
url: `${BASE_URL}${options.url}`,
method: options.method || 'GET',
data: options.data || {},
header: options.header || {},
success: (res) => {
if (res.statusCode === 200) {
resolve(res.data);
} else {
reject(res);
}
},
fail: (err) => {
reject(err);
},
});
});
}
```
使用示例:
```javascript
import request from './request.js';
// GET 请求
request({ url: '/list' }).then((res) => {
console.log(res);
});
// POST 请求
request({ url: '/create', method: 'POST', data: { name: 'foo' } }).then((res) => {
console.log(res);
});
```
这样就完成了一个简单的网络请求封装。当然,在实际开发中,我们还可以添加一些拦截器、缓存、错误处理等功能。