uniapp怎么调用api接口
时间: 2023-07-15 13:10:34 浏览: 486
uni-app-api
Uniapp 可以使用 uni.request 方法调用 API 接口。具体步骤如下:
1. 在 uniapp 项目中的 `main.js` 文件中配置 API 地址。例如:`Vue.prototype.$baseUrl = 'https://api.example.com'`
2. 在需要调用 API 的页面中,使用 `uni.request` 方法发送请求。
```javascript
uni.request({
url: this.$baseUrl + '/api/example',
method: 'POST',
data: {
param1: 'value1',
param2: 'value2'
},
success: res => {
console.log(res.data)
},
fail: err => {
console.log(err)
}
})
```
3. 在服务器端对接收到的请求进行处理,并将结果返回给客户端。
4. 在客户端的 `success` 回调函数中处理服务器返回的数据。
注意事项:
- 需要在 `manifest.json` 文件中配置应用的网络权限。
- 可以使用 `uni.showLoading` 和 `uni.hideLoading` 方法显示和隐藏加载提示框。
- 可以使用 `uni.showToast` 方法显示消息提示框。
阅读全文