uni-app封装uni.request()生产代码
时间: 2023-07-24 13:16:24 浏览: 105
在uni-app中,封装uni.request()的生产代码可以放在一个单独的文件中,以便在项目中多处使用。以下是一个示例的封装代码:
```javascript
// api.js
const request = (url, method, data) => {
return new Promise((resolve, reject) => {
uni.request({
url,
method,
data,
success: (res) => {
resolve(res.data);
},
fail: (err) => {
reject(err);
}
});
});
};
export default {
// 封装的请求示例
getUserInfo(id) {
const url = 'https://api.example.com/user';
const method = 'GET';
const data = { id };
return request(url, method, data);
},
// 可以继续封装其他请求方法
};
```
在上述示例中,我们将封装的uni.request()函数放在api.js文件中,并通过export default导出为一个对象。我们还在该对象中封装了一个getUserInfo方法作为示例,用于发送获取用户信息的请求。
在项目中使用封装的请求代码时,可以直接引入api.js,并调用封装的方法:
```javascript
import api from '@/api.js';
// 使用封装的请求方法
api.getUserInfo(1)
.then((data) => {
console.log(data);
})
.catch((error) => {
console.log(error);
});
```
在上述示例中,我们通过import引入了api.js文件,并使用api.getUserInfo()方法发送请求。这样,在项目中的多个地方都可以使用api.js中封装的请求方法,提高了代码的可维护性和重用性。