uniapp如何封装接口请求
时间: 2023-09-07 08:12:32 浏览: 101
在uniapp中封装接口请求可以使用uni.request函数,该函数可以发送HTTP请求并且支持Promise,可以方便地进行封装。以下是一个简单的封装示例:
1.新建一个request.js文件,封装请求方法
```javascript
export default function request(url, data, method = 'GET') {
return new Promise((resolve, reject) => {
uni.request({
url,
data,
method,
success: (res) => {
resolve(res.data)
},
fail: (err) => {
reject(err)
}
})
})
}
```
2.在需要使用接口的页面中引入request.js文件
```javascript
import request from '@/utils/request'
```
3.使用封装好的request方法
```javascript
export default {
data() {
return {
list: []
}
},
methods: {
async getList() {
try {
const res = await request('/api/list')
this.list = res.list
} catch (err) {
console.log(err)
}
}
}
}
```
这样就可以方便地封装接口请求了。需要注意的是,以上示例中的url是相对路径,如果接口地址是绝对路径,需要在url前加上协议和域名。另外,uni.request支持的参数可以在uni-app官方文档中查看。
阅读全文