uniapp如何封装接口

简介: uniapp如何封装接口

在uniapp中封装接口可以使用uni.request方法,示例代码如下:

// 封装接口
export function getGoodsList(params) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: 'http://api.example.com/goods',
      method: 'GET',
      data: params,
      success: res => {
        resolve(res.data)
      },
      fail: err => {
        reject(err)
      }
    })
  })
}
// 使用封装的接口
import { getGoodsList } from '@/api'
getGoodsList({ page: 1, pageSize: 10 }).then(data => {
  console.log(data)
}).catch(err => {
  console.error(err)
})

在上面的示例中,getGoodsList函数封装了一个名为goods的接口,该接口的地址为'http://api.example.com/goods',请求方法为GET。使用封装的接口时,可以通过调用getGoodsList函数并传入参数来获取商品列表信息。调用接口后返回的数据通过Promise的resolve方法返回,在then方法中可以获取到接口返回的数据。如果接口请求失败,则通过Promise的reject方法返回,在catch方法中可以捕获到异常。

相关文章
|
6月前
uniApp常用功能封装
uniApp常用功能封装
51 0
|
4月前
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
90 1
|
4月前
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
229 1
|
4月前
uniapp【组件封装】时间戳格式化为星期
uniapp【组件封装】时间戳格式化为星期
77 0
|
6月前
|
缓存 JSON 安全
【Uniapp 专栏】Uniapp 与后端接口对接的实战要点
【5月更文挑战第12天】在 Uniapp 项目开发中,成功对接后端接口至关重要。要点包括:深入理解后端提供的接口文档,确保数据格式(如 JSON)正确处理,选择合适的请求方式(如 GET、POST),设置正确的请求头,做好错误处理和数据缓存策略,确保安全性(如使用 HTTPS 和令牌验证)并进行全面测试。同时,进行版本管理和团队协作,与后端开发人员保持良好沟通,以实现高效、稳定的接口对接。
623 5
|
6月前
|
移动开发 前端开发 JavaScript
uniapp中IO模块(管理本地文件系统)的常用功能封装
uniapp中IO模块(管理本地文件系统)的常用功能封装
572 1
|
6月前
|
SQL 开发框架 数据库连接
uniapp中sqlite数据库常用操作的简单封装
uniapp中sqlite数据库常用操作的简单封装
640 0
|
6月前
|
API
uniApp封装请求
uniApp封装请求
50 0
|
6月前
|
前端开发 JavaScript 小程序
【uniapp】十分钟带你封装uniapp的api请求
【uniapp】十分钟带你封装uniapp的api请求
369 0
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
125 7
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)