uniapp接口调用方法
时间: 2023-08-09 13:09:05 浏览: 191
在使用 UniApp 进行接口调用时,你可以按照以下步骤进行操作:
1. 在 UniApp 项目中的 `common` 目录下创建一个 `api` 文件夹,用于存放接口相关的文件。
2. 在 `api` 文件夹中创建一个 `index.js` 文件,用于统一管理所有的接口请求。
3. 在 `index.js` 文件中,引入 `uni.request` 方法,它是 UniApp 提供的网络请求方法。
```javascript
import uniRequest from 'uni-request';
// 设置统一的请求前缀
uniRequest.defaults.baseURL = 'http://api.example.com';
// 封装接口请求方法
export const request = (url, method = 'GET', data = {}) => {
return new Promise((resolve, reject) => {
uniRequest({
url,
method,
data,
success: (res) => {
// 请求成功处理
resolve(res.data);
},
fail: (err) => {
// 请求失败处理
reject(err);
},
});
});
};
```
4. 在需要调用接口的页面中,引入 `index.js` 并调用封装好的接口请求方法。
```javascript
import { request } from '@/common/api/index.js';
// 调用接口
request('/api/user', 'GET', { id: 1 })
.then((res) => {
// 请求成功处理
console.log(res);
})
.catch((err) => {
// 请求失败处理
console.error(err);
});
```
以上就是使用 UniApp 进行接口调用的一般方法。你可以根据自己的需要,对接口请求方法进行进一步封装和扩展。
阅读全文