uniapp请求二次封装
时间: 2023-09-23 13:12:56 浏览: 115
您好!对于Uniapp请求的二次封装,您可以按照以下步骤进行:
1. 创建一个新的文件,例如`api.js`,用于存放请求相关的代码。
2. 在`api.js`中引入`uni.request`方法,用于发送请求。例如:
```javascript
import Vue from 'vue';
const baseUrl = 'http://api.example.com'; // 替换为您的接口基础URL
function request(method, url, data = {}) {
return new Promise((resolve, reject) => {
uni.request({
url: baseUrl + url,
method: method,
data: data,
header: {
'Content-Type': 'application/json', // 根据实际情况修改请求头
// 可添加其他请求头信息
},
success: (res) => {
resolve(res.data);
},
fail: (err) => {
reject(err);
}
});
});
}
export default {
// 编写具体的API请求
// 例如:
getUserInfo(userId) {
return request('GET', `/user/${userId}`);
},
login(username, password) {
return request('POST', '/login', { username, password });
},
// 可以继续编写其他的API请求
};
```
3. 在需要发送请求的地方,引入`api.js`并调用对应的API方法。例如:
```javascript
import api from '@/api.js';
// 调用getUserInfo方法
api.getUserInfo('123456')
.then(res => {
console.log(res);
})
.catch(err => {
console.error(err);
});
```
通过这种方式,您可以将Uniapp中的请求进行二次封装,使请求代码更加简洁和可维护。希望对您有帮助!如果还有其他问题,请继续提问。
阅读全文