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

第二、服务端

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

相关推荐
LinMin_Rik19 小时前
解决win11专业版HbuilderX编译vue3的uniappX失败问题
uni-app
游戏开发爱好者820 小时前
iOS应用性能监控:Pre-Main与Main函数耗时分析及Time Profiler使用教程
android·ios·小程序·https·uni-app·iphone·webview
西洼工作室2 天前
个人开发者接入阿里云号码认证服务AliCloud-NirvanaPns实现一键登录
python·阿里云·uni-app·全栈·认证授权
2501_916008892 天前
ChatGPT前端开发学习指南:Visual Studio Code与谷歌浏览器安装配置详解
ide·vscode·ios·小程序·uni-app·编辑器·iphone
2501_915909062 天前
完整指南:如何将iOS应用上架到App Store
android·ios·小程序·https·uni-app·iphone·webview
xiangxiongfly9153 天前
uni-app 组件总结
前端·javascript·uni-app
2501_915918413 天前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915909064 天前
全面解析前端开发中常用的浏览器调试工具及其使用场景
android·ios·小程序·https·uni-app·iphone·webview
wuxianda10304 天前
uniapp项目上架苹果商店4.3a被拒,3天极速解决方案2026.5.8
前端·人工智能·flutter·uni-app·ios上架·苹果上架·苹果4.3a
小盼江4 天前
Uniapp小程序鲜花商城推荐系统 买家卖家双端(web+uniapp)
前端·小程序·uni-app