uniCloud 统一拦截器使用

最新推荐文章于 2025-04-17 16:14:19 发布

uniapper

最新推荐文章于 2025-04-17 16:14:19 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： uni-app开发文章标签：小程序动态规划 css

本文链接：https://blog.youkuaiyun.com/asstudio/article/details/120609871

uni-app开发专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在uniCloud中使用uni.addInterceptor来统一处理错误，特别是在配合uni-id进行用户注册逻辑时，通过在main.js设置拦截器，对'callFunction'的返回结果进行检查，如果errCode不为0，则抛出错误。这提供了一种全局错误处理的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方文档：

uni.addInterceptor(STRING, OBJECT)

添加拦截器

STRING 参数说明

需要拦截的api名称，如：uni.addInterceptor('request', OBJECT) ，将拦截 uni.request()

OBJECT 参数说明

参数名	类型	必填	说明
invoke	Function	否	拦截前触发
success	Function	否	成功回调拦截
fail	Function	否	失败回调拦截
complete	Function	否	完成回调拦截

需要在main.js里添加一下代码

// 统一的错误拦截
uniCloud.addInterceptor('callFunction',{
   success(res){
       const {result}=res
       if(result.errCode!==0){
           throw new Error(result.errMsg)
       }
   }
})

具体业务代码：（uniCloud配合uni-id用户注册逻辑）

async register() {
					try{
						uni.showLoading({
							title:"注册中"
						})
						console.log('111'+this.avatar.url)
						const forms = await this.$refs.forms.validate()
						const res=await uniCloud.callFunction({
							name:"index",
							data:{
								...forms,
								avatar: this.avatar.url
							}
						})
							uni.showToast({
								title:"注册成功",
								icon:'none'
							})
						console.log(res.result.code)
						console.log(res)
					}catch(e){ 
						uni.showToast({
							title: e.message || '校验失败',
							icon: 'none'
						})
					}finally{
						uni.hideLoading()
					}	
				}