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中如何处理,之前看到有封装的插件,还是要学习一下

第二、服务端

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

相关推荐
疯狂的沙粒34 分钟前
在uni-app中如何从Options API迁移到Composition API?
javascript·vue.js·uni-app
anyup4 小时前
快崩溃了!华为应用商店已经 4 次驳回我的应用上线
前端·华为·uni-app
alphaair11 小时前
【一步步开发AI运动APP】十、微调优化内置运动分析器,灵活适配不同的应用场景
uni-app·ai运动·ai运动识别·ai健身·ai体测·ai运动app·ai运动检测·工会云上运动会·ai人体检测·ai姿态识别
moxiaoran575313 小时前
uni-app学习笔记二十三--交互反馈showToast用法
笔记·学习·uni-app
Angindem21 小时前
从零搭建uniapp项目
前端·vue.js·uni-app
Bug从此不上门1 天前
【无标题】
前端·javascript·uni-app·vue
耶啵奶膘1 天前
uniapp+vue2解构赋值和直接赋值的优缺点
uni-app
疯狂的沙粒1 天前
uni-app 项目支持 vue 3.0 详解及版本升级方案?
前端·vue.js·uni-app
Jiaberrr1 天前
uniapp Vue2 获取电量的独家方法:绕过官方插件限制
前端·javascript·uni-app·plus·电量
^Rocky1 天前
uniapp 对接腾讯云IM群公告功能
uni-app·腾讯云