首页 > 编程语言 >uniapp 小程序接口调用封装

uniapp 小程序接口调用封装

时间:2024-04-08 17:22:24浏览次数:27  
标签:uniapp 封装 url res 程序接口 request uni data

目的:接口封装让代码更简洁,操作更方便,出错率更低。

第一步:建立引用目录

 第二步:封装request.js

const BASE_URL = "http://" //公共请求头地址
const request = (url, method, data) => {
	return new Promise((resolve, reject) => {
		uni.request({
			url: BASE_URL + url,
			method: method,
			data: data, 
			header: { 
			    'Content-Type': 'application/json',
			},
			success(res) { 
				console.log(res.data)
				if (res.data.code == 200 || res.data.code == 500) {
					resolve(res.data)
				} else if (res.data.code == 600) {
					// uni.showToast({
					// 	title: '身份验证过期,请重新登录',
					// 	icon: 'none'
					// });
					uni.navigateTo({
						//url: "/pages/login/login"
					})
				} else {
					// uni.showToast({
					// 	title: '请求失败,请重新获取数据',
					// 	icon: 'none'
					// });
					uni.navigateTo({
						//url: "/pages/login/login"
					})
				}
			},
			fail(err) {
				reject(err)
			}
		})
	})
}
 
export default {
	request
}

  第三步:页面引用

 第四步:页面调用

 简单的封装结束。

很多人喜欢带表,你知道富人为什么买表吗?顶级手表价位怎么样?世界十大顶级手表排名

 

标签:uniapp,封装,url,res,程序接口,request,uni,data
From: https://www.cnblogs.com/hilxj/p/18121799

相关文章

  • vue3+uniapp手写日历组件
    为了满足产品需求,在日历中可以添加排班信息,点击日期可以获取排班日期详细数据,自定义日历样式,并且支持手动折叠和展开,折叠时只显示当前周的日期,由于现有组件库修改起来比较麻烦,自己就手写了一个日历组件,下面是我代码及思路。代码写的不好仅供参考,如有异议欢迎评论指正,感谢。一......
  • Promise详解与自定义封装
    文章目录概要一、Promise详解1.构造函数1.1语法1.2参数1.3返回值2.属性2.1[[PromiseState]]2.2[[PromiseResult]]3.方法3.1Promise.prototype.then3.1.1语法3.1.2参数3.1.3返回值3.2Promise.prototype.catch3.2.1语法3.2.2参数3.2.3返回值3.3Promis......
  • uniapp 微信小程序分享到微信和微信朋友圈
    initMenu(){uni.showShareMenu({withShareTicket:true,//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击menus:['shareAppMessage','shareTimeline']})},//发送给朋友onShareAppMessa......
  • 封装一个生成唯一ID算法的工具类
    导入maven依赖:<dependency><groupId>org.apache.shiro</groupId><artifactId>shiro-core</artifactId><version>1.6.0</version></dependency><dependency>......
  • Flask的原生WebSocket(flask-sockets)与封装SocketIO
    Flask:使用SocketIO实现WebSocket与前端Vue进行实时推送(gevent-websocket、flask-socketio、flask不出现runningon127..问题) Flask:使用SocketIO实现WebSocket与前端Vue进行实时推送(gevent-websocket、flask-socketio、flask不出现runningon127..问题) 精选 原创......
  • 第三个OpenGL程序,shaders _ 后续 之 封装着色器类
    着色器类:头文件h:#ifndefSHADER_H#defineSHADER_H#include<GLAD/glad.h>#include<glfw3.h>#include<string>#include<fstream>#include<sstream>#include<iostream>classShader{public://程序IDunsignedint......
  • POI之EXCEL导出封装(未测试)
    基础类描述ExcelWriter(导出工具类)Query(通用查询)Consumer(函数参数)SpringBeanUtil(获取bean)代码ExcelWriterimportcn.hutool.core.collection.CollUtil;importcn.hutool.core.collection.ListUtil;importcn.hutool.core.util.PageUtil;importcn.hutool.json.JSONObj......
  • nodejs+python开发基于uniapp的校园跑腿系统 微信小程序
    本文先提出了开发基于uniapp的高校校园跑腿系统的背景意义,然后通过功能性和非功能性分析阐述本系统的需求,然后从功能设计和数据库设计两方面进行系统的设计建模。在技术实现部分采用了nodejs作为开发后台的编程语言,客户端使用uniapp,数据库选择MySQL。最后进行了代码的编写,并说......
  • 高校听课讲座预约座位系统uniapp+vue微信小程序
    讲座预约管理系统的用户是系统最根本使用者,按需要分析系统包括用户:学生、管理员。管理员通过后台的登录页面,选择管理员权限后进行登录,管理员的权限包括学生信息管理和文章公告管理。讲座公告管理,添加讲座公告信息,给学生发布一些学校的公告内容,为学习提前做准备,管理员管理后点......
  • 精品Uniapp+ssm微信小程序的社区团购购物商城包运行含文档PPT源码
    简介正文获取联系方式!❤❤❤关于JAVA/小程序/安卓/PHP/Python/C#/ASP.NET/大数据/爬虫/数据可视化都可推荐选题和提供专业的指导和支持。【毕设源码推荐项目】基于微信小程序的社区团购系统适用于计算机类毕业设计,本系统功能完整,适合作为毕业设计、课程设计、数据库大作业......