uniapp 开发App 网络异常如何处理

我对该问题思考的不是很清楚,目前只想到了基本的解决方案

第一、客户端的网络异常(断网)

1. 断网情况

一定要弹出信息提示,目前最好的解决方式就是在uni.request封装的统一方法中写提示

javascript 复制代码
//1. 封装的网络请求
async function serviceTeng(method,url,param){
	return new Promise((resolve, reject) => {
		uni.request({ 
			url : url,
			method : method,
			data : param,
			header: {
				'authorization': uni.getStorageSync("tokenKey")
			},
			success: (res) => {
				resolve(res);
			},
			fail:(err)=>{
				reject(err);
				//客户端(App端),网路错误(请求都没发出去),弹出提示
                uni.showToast({
		            title: "网络连接失败",
		            duration: 3500,
		            icon: "error"
	            });
			}
		})
	})
}

目前下拉刷新不知道在顶部tabBar中如何处理,之前看到有封装的插件,还是要学习一下

第二、服务端

一定要处理异常,保准一定要有返回结果。

相关推荐
Burt2 小时前
#🎉 unibest 3.11了!快来看看新增了啥~
微信小程序·uni-app
2501_915106325 小时前
iOS混淆工具实战 金融支付类 App 的安全防护与合规落地
android·ios·小程序·https·uni-app·iphone·webview
TellMeha9 小时前
uniapp打包app关于获取本机相机、相册、麦克风等权限问题(ios第一次安装权限列表里没有对应权限问题)
ios·uni-app
zheshiyangyang17 小时前
uni-app学习【pages】
前端·学习·uni-app
小周同学:1 天前
【UniApp打包鸿蒙APP全流程】如何配置并添加UniApp API所需的鸿蒙系统权限
华为·uni-app·harmonyos
初遇你时动了情2 天前
uniapp vue3 ts自定义底部 tabbar菜单
前端·javascript·uni-app
韩沛晓2 天前
uniapp跨域怎么解决
前端·javascript·uni-app
咸虾米2 天前
微信小程序服务端api签名,安全鉴权模式介绍,通过封装方法实现请求内容加密与签名
vue.js·微信小程序·uni-app
Ratten3 天前
使用 uniapp 实现的扫雷游戏
uni-app
YuShiYue3 天前
【uni-app】自定义导航栏以及状态栏,胶囊按钮位置信息的获取
uni-app·notepad++