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

第二、服务端

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

相关推荐
前端(从入门到入土)5 小时前
uniapp加载json动画
uni-app·json
peachSoda711 小时前
uniapp小程序生成海报/图片并保存分享
小程序·uni-app
奔跑吧邓邓子11 小时前
使用 Spring Boot 和 Uniapp 搭建 NFC 读取系统
spring boot·uni-app·nfc数据读取
sunly_19 小时前
uniapp:微信小程序,一键获取手机号
微信小程序·小程序·uni-app
Kx…………1 天前
Day2:前端项目uniapp壁纸实战
前端·学习·uni-app·实战·项目
高山流水&上善1 天前
uniapp地图导航及后台百度地图回显(v2/v3版本)
uni-app
Z编程1 天前
uniapp微信小程序引入vant组件库
微信小程序·小程序·uni-app
web_Hsir1 天前
vue + uniapp 实现仿百度地图/高德地图/美团/支付宝 滑动面板 纯css 实现
css·vue.js·uni-app
qq_316837751 天前
uniapp 打包 H5 向 打包的APP 使用 @dcloudio/uni-webview-js 传值
开发语言·javascript·uni-app
WeiAreYoung2 天前
uni-app ucharts自定义换行tooltips
uni-app