小程序封装request请求
时间: 2023-08-12 07:06:16 浏览: 94
小程序中封装 request 请求可以提高代码的复用性和可维护性。以下是一个简单的封装示例:
1. 在 utils 目录下创建 request.js 文件。
2. 在 request.js 中编写封装的 request 方法:
```javascript
const BASE_URL = 'https://api.example.com';
function request(options) {
return new Promise((resolve, reject) => {
wx.request({
url: `${BASE_URL}${options.url}`,
method: options.method || 'GET',
data: options.data || {},
header: options.header || {},
success(res) {
resolve(res.data);
},
fail(err) {
reject(err);
},
});
});
}
export default request;
```
3. 在需要使用 request 的页面或组件中引入 request.js 并使用:
```javascript
import request from '../../utils/request';
Page({
onLoad() {
request({
url: '/api/data',
method: 'POST',
data: {
name: 'John Doe',
age: 30,
},
}).then((data) => {
console.log(data);
}).catch((err) => {
console.error(err);
});
},
});
```
这样,我们就可以在项目中任意地方使用封装好的 request 方法,减少代码冗余,提高代码的可维护性。
阅读全文