微信小程序 封装接口
2023-09-11 14:22:19 时间
1.util-util.js
//封装接口 let baseURL = 'http://127.0.0.1:3000/'; //接口路径 let request = function (url, options = {}) { let myUrl = `${baseURL}${url}`; // 处理method,data,params=> 查询字符串 // 如果有请求头 // 合并对象data // 如果params 添加查询字符串参数 //接口的参数 if (options.params) { let urlQueryString = qs.stringify(options.params, { //使用到qs ,先下载,后引入 addQueryPrefix: true, allowDots: true, }); myUrl += urlQueryString; } return new Promise((resolve, reject) => { wx.showLoading({ title: '玩命加载中...', }); wx.request({ method: 'get', url: myUrl, success: resolve, fail: reject, complete: wx.hideLoading, ...options //直接展开 }); }); }
2.引入qs
const qs= require('../static/js/qs.js');
3.将这个接口暴露出去
module.exports = { formatTime: formatTime, request:request }
4.在app.js引进工具对象,便于其他页面使用
const { request, formatTime }=require('./utils/util.js'); //向外提供属性 globalData: { userInfo: null, formatTime, request }
5.先 在请求的页面引入,使用 async await
引入
//解构赋值 const { request } =getApp().globalData;
使用 async await
let swipe = await request('slides', { method: 'get', params: { a: 1, b: 2 }, });
相关文章
- DLL封装Interface(接口)(D2007+win764位)
- C# http Get/POST请求封装类
- 第一百三十九节,JavaScript,封装库--CSS选择器
- python-面向对象-04_面向对象封装案例
- sparkR集群启动脚本的封装。
- EasyDarwin开源音频解码项目EasyAudioDecoder:EasyPlayer Android音频解码库(第二部分,封装解码器接口)
- vue项目中axios封装总结
- c++模板学习12之通用数组类模板案例封装
- js工具代码封装(超长)3/3
- 【C语言】封装接口(加减乘除)
- Sqlite3数据库单例封装
- 【Groovy】自定义 Xml 生成器 BuilderSupport ( 构造 Xml 节点类 | 封装节点名称、节点值、节点属性、子节点 | 将封装的节点数据转为 Xml 字符串 )
- JMeter 接口自动化:二次封装源码
- Vue(六)封装组件、组件化开发、组件间传值
- LyScriptTools 模块类API接口封装
- LyScriptTools 反汇编API接口封装
- Python 封装SNMP调用接口
- vue中Axios的封装和API接口的管理
- 如何优雅的封装转换前后端接口数据格式工具函数(下划线<=>大写)
- Java 封装
- 【C++实践】C++代码接口封装 — “父类声明纯虚函数”法
- Mybatis原理:结果集封装详解
- Go 结构体 封装 工厂模式
- 华为桌面云封装Windows10系统出现sysprep无法验证您的Windows安装问题,完美解决
- 【Vue3+TS】Axios拦截器封装及跨域 [cors] 解决方案
- python接口自动化测试--requests使用和基本方法封装