uniapp如何封装接口请求
时间: 2023-12-09 07:02:45 浏览: 55
在uniapp中,可以使用封装好的uni.request()函数来发送HTTP请求。为了方便管理和维护,可以将接口请求封装在一个单独的模块中,例如一个api.js文件。下面是一个简单的示例:
```javascript
// api.js
const baseUrl = 'https://example.com/api';
function request(url, method, data) {
return new Promise((resolve, reject) => {
uni.request({
url: baseUrl + url,
method: method,
data: data,
success: (res) => {
resolve(res.data);
},
fail: (err) => {
reject(err);
}
});
});
}
export function login(data) {
return request('/login', 'POST', data);
}
export function getUserInfo() {
return request('/user/info', 'GET');
}
// 在其他文件中使用
import { login, getUserInfo } from '@/api';
login({ username: 'test', password: '123456' }).then((res) => {
console.log(res);
});
getUserInfo().then((res) => {
console.log(res);
});
```
在上面的示例中,我们定义了一个baseUrl常量和一个request()函数,用于发送HTTP请求。然后,我们将login()和getUserInfo()函数导出,这些函数分别对应不同的接口。最后,在其他文件中使用import引入这些函数,并调用它们即可。这样,我们就可以方便地管理和维护接口请求了。
阅读全文