uni-app 调用接口封装文档

1.创建 util 文件夹，并在文件夹中创建 api.js

const BASE_URL = 'http://localhost:8082'  // 域名头
export const myRequest = (options)=>{return new Promise((resolve,reject)=>{uni.request({url:BASE_URL+options.url,method: options.method || 'GET',data: options.data || {},success: (res)=>{if(res.data.status !== 0) {return uni.showToast({title: '获取数据失败'})}resolve(res)},fail: (err)=>{uni.showToast({title: '请求接口失败'})reject(err)}})})
}

2.在main.js 中进行全局设置

import Vue from 'vue'
import { myRequest } from './util/api.js'
Vue.prototype.$myRuquest = myRequest //保存在 VUE 的原型中

3.接口调用结果

onLoad() {this.getSwipers()
},
methods: {// 获取轮播图的数据async getSwipers () {const res = await this.$myRuquest({url: '/api/getlunbo'})this.swipers = res.data.message  // 过去接口调用后的数据},
}

uni-app 调用接口封装文档相关推荐

python使用微信设置-微信 python 接口 -- itchat 文档
itchat 一. 安装 $ pip install itchat 特殊的字典使用方式通过打印 itchat 的用户以及注册消息的参数, 可以发现这些值都是字典. 但实际上 itchat 精心构造了 ...
一键生成所有接口的文档 Swagger + springBoot
Knife4j框架 Swagger是一个用于生成.描述和调用 RESTful 接口的 Web 服务,可生成项目的接口文档信息. 衍生出的Knife4j框架,可更方便的生成接口文档. SpringBoo ...
易验APP一键登录对接文档
易验APP一键登录对接文档 1. 能力申请注意事项: 1.认证取号服务必须打开蜂窝数据流量,并且应用应有蜂窝数据权限: 2.取号请求过程需要消耗用户少量数据流量(国外漫游时可能会产生额外的费用): ...
支付宝接口使用文档说明支付宝异步通知
支付宝接口使用文档说明支付宝异步通知(notify_url)与return_url. 现支付宝的通知有两类. A服务器通知,对应的参数为notify_url,支付宝通知使用POST方式 B页面跳 ...
示范对外接口参数文档
示范接口参数文档模块一 1.说明文档主要提供的是与系统对接时参数的相关说明.以下几点需要注意: 1. 系统间交互参数以JSON格式进行传输: 2. 加签验签:系统会给接入者提供秘钥,发送请求需 ...
第三方对接圆通物流轨迹查询接口开放文档
根据圆通物流运单号查询已有的快件物流信息,在物流信息里面会包含物流状态,如 [客户 **** 已签收],物流信息保持与官网一致. 快递鸟在途监控汇集国内外1600多家快递公司的物流轨迹数据,以接口形式 ...
JCJC错别字检测系统API接口使用文档-添加黑名单、白名单词汇
JCJC错别字检测系统API接口使用文档-添加黑名单.白名单词汇 1.地址前缀:http://IP:PORT/spellcheck/ 2.所有的接口调用:请使用 HTTP POST 方法,不支持 GE ...
Swagger接口在线文档
1.Swagger是什么? Swagger围绕OAS构建RESTFUL文档: Swagger动态生成接口定义文档: Swagger易用免费且开源: Swagger就是将项目中所有的接口展现在页面上,并 ...
Soapui调用Webservices帮助文档
最近更新列表 1.IBM的aix中安装jdk(7月21更新) 2.Linux(CentOS)中安装jdk (7月21更新) 3.Linux(CentOS)安装weblogic (7月22更新) 4.A ...

uni-app 调用接口封装文档

uni-app 调用接口封装文档相关推荐

最新文章

热门文章