uniapp api封装标准的完整示例
时间: 2023-08-25 17:29:12 浏览: 44
好的,下面是一个基于 uniapp 封装 API 的示例:
```
// 封装 HTTP 请求
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)
}
})
})
}
// 封装获取用户信息的 API
export function getUserInfo() {
return request('/api/user')
}
// 封装获取文章列表的 API
export function getArticleList() {
return request('/api/article')
}
// 封装获取文章详情的 API
export function getArticleDetail(id) {
return request(`/api/article/${id}`)
}
```
以上代码定义了三个 API 接口函数,分别是获取用户信息、获取文章列表和获取文章详情。这些函数都是基于封装好的 `request` 函数实现的,该函数负责向后端发送 HTTP 请求,并返回 Promise 对象。
在需要使用 API 接口的地方,可以直接引入相应的函数,例如:
```
// 获取用户信息
import { getUserInfo } from '@/api'
getUserInfo().then((res) => {
console.log(res)
})
// 获取文章列表
import { getArticleList } from '@/api'
getArticleList().then((res) => {
console.log(res)
})
// 获取文章详情
import { getArticleDetail } from '@/api'
getArticleDetail(1).then((res) => {
console.log(res)
})
```
以上示例中,分别使用了 `getUserInfo`、`getArticleList` 和 `getArticleDetail` 这三个 API 接口函数,并在成功获取数据后打印出来。