uni-app接口封装

1：common中创建request.js

const baseurl = 'http://kjs.demo.dopaik.cn';const main = opts => {// opts.url = baseurl + opts.url;const regHost = /^(http|https|\\)/;// test() 方法用于检测一个字符串是否匹配某个模式.if (!regHost.test(opts.url)) {opts.url = baseurl + opts.url;}!opts.method && (opts.method = 'get');// toLocaleUpperCase() 方法用于把字符串转换为大写。opts.method = opts.method.toLocaleUpperCase();!opts.dataType && (opts.dataType = 'json');// return uni.request(opts);return request(opts);
}const request = opts => {// Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。return new Promise((resolve, reject) => {uni.request(opts).then(result => {resolve(result[1].data);}).catch(reject)});
}export default main

2:页面上进行调用

import utils from '@/common/request.js';//定义传进去的参数const opts = {url: '/api/commodity/query',data: {business_sign: this.business_sign}};//接口调用utils.main(opts).then(res => {this.listdata = res.data;},error => {console.log('失败');});

uni-app接口封装相关推荐

uniapp网络请求封装；小程序请求接口封装；uni.request接口封装
另一篇全面封装文章资源文章下载地址 1.正常使用uni.request()发送请求(未封装) get() {uni.request({url: 'http://192.168.1.191/abc// ...
uni.request接口封装；小程序uni-app接口封装
另一篇请求接口简单封装在api下的index.js 本片资源下载地址本片封装了post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的reques ...
uni app 调用网络打印机_uni-app 的使用体验总结
[实践] uni-app 的使用总结最近使用 uni-app 的感受. 使用体验没用之前以为真和 Vue 一样,用了之后才知道.有点类似 Vue 和小程序结合的感觉.写类似小程序的标签,有着小程 ...
uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
浅析 uniapp(Vue) 的接口封装方法
浅析 uniapp(Vue) 的接口封装方法本文将详细讲解封装思路,通过对接口请求进行封装,实现接口引入即用,减少了请求复杂的属性参数,更加关注数据与业务本身. config - 请求地址及相关参数 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
app接口开发(php)
1.JSON方式封装通信接口: 封装: response.php <?php // JSON方式封装通信接口 // 定义 response类 class Response {// 定义一个静态方 ...
php 面向接口,php开发app接口
一.app接口简介:与PHP面向对象的接口不同,是通信接口地址 1.条件: 1)接口地址 2)接口文件 3)接口数据 2.如何通信 1)类似BS模式 3.客户端app通信格式区别:xml和json 1 ...
PHP：APP接口开发
环境简介 LNMP 1.Linux 2.Nginx 3.MySQL 4.PHP APP接口客户端与服务端数据的交换 HTTP通讯三要素 1.URL 地址 2.Method 方式 3.Params 内 ...
微信小程序在线考试项目开发-接口封装调用
本项目会耗时一周到两周来完成,最近要又要辛苦加班了,项目给的时间不多,程序员太不容易了,做完项目调休好好休息一下! 此时此刻,记录一下项目实现. 小程序在线考试项目介绍: 技术选型:轻量.可靠的小程序 ...

uni-app接口封装

uni-app接口封装相关推荐

最新文章

热门文章