讲师中心 微信公众号
AI工具推荐 视频效率加速

uni-app怎么统一处理API错误码

陌静大大_2961

陌静大大_2961

发布时间:2026-10-31 06:38:21

|

379人浏览过

|

来源于php中文网

原创

uni-app 不能只靠 statusCode === 401 判断登录失效,因后端常返回 200 + code: 401 的业务错误,且网关可能将 401 转为 200,导致静默失败;应统一响应拦截、优先解析 data 并按约定字段(如 code)判断。

uni-app怎么统一处理api错误码

uni-app 为什么不能只靠 statusCode === 401 判断登录失效

后端返回 200 是常态,真正决定业务是否成功的往往是响应体里的 code 字段(比如 { code: 401, msg: "登录已过期" })。如果只检查 HTTP 状态码,会漏掉大量业务层错误;更危险的是,某些网关或代理可能把 401 自动转成 200 + 错误体,导致页面静默失败。

统一处理的关键是:**所有请求必须走同一套响应拦截逻辑,且优先解析 res.data,再按约定字段(如 code、success、errCode)做分支判断。**

  • 不要在每个页面里写 if (res.data.code === 401),而是把校验逻辑收进封装的 request 函数
  • 区分三类错误:网络异常(err.errMsg 含 "timeout" 或 "Network Error")、HTTP 错误(res.statusCode !== 200)、业务错误(res.data.code !== 0 || res.data.success === false)
  • 对 code: 401 类错误,必须加刷新锁(见下一条),避免并发触发多次 token 刷新

如何用 refreshingPromise 防止多个请求同时刷新 token

当首页、用户中心、订单列表三个接口几乎同时返回 code: 401,若每个都调 refreshToken(),就会发三次刷新请求——后端很可能拒绝第二次起的请求,或返回不一致的 token,造成后续请求持续 401。

正确做法是用一个缓存 Promise 控制并发:

let refreshingPromise = null

// 在响应拦截器中
if (res.data?.code === 401) {
  if (!refreshingPromise) {
    refreshingPromise = refreshToken()
  }
  const newToken = await refreshingPromise
  // 更新本地 token
  uni.setStorageSync('token', newToken)
  // 清空锁,允许下次刷新
  refreshingPromise = null
  // 重发原请求(需保留原始 config)
  return request(originalConfig)
}
  • refreshingPromise 必须是模块级变量,不能放在函数内或每次新建
  • 刷新失败时一定要清空 refreshingPromise = null,否则后续所有 401 请求都会卡死在 await
  • 重发请求前,记得更新 config.header.Authorization,否则还是带着旧 token 发

小程序 / App / H5 三端错误码映射要分开维护

云函数调用、uniCloud.callFunction 返回的 errCode 和 HTTP 接口的 code 不是一套体系;App 端原生 SDK(如微信登录、地图)抛出的错误码又来自 5+ API 规范(如 code: -6 表示网络错误)。混在一起处理必然漏判。

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载

建议分层定义错误码表:

  • HTTP 接口:集中维护 httpErrorCodeMap = { 401: '登录失效', 500: '服务异常' }
  • 云函数:单独建 cloudErrorCodeMap = { 401: 'login_required', 500: 'cloud_function_error' }
  • 5+ API:用官方文档的 -6、-1001 等值,直接比对 err.code
  • 所有错误最终都转成统一结构:{ type: 'business', code: 401, message: '请重新登录' },供上层 toast 或日志使用

error handler 里别直接 uni.navigateTo 跳登录页

在响应拦截器或全局错误处理中写 uni.navigateTo({ url: '/pages/login/login' }) 看似合理,但会破坏调用链:原请求的 .then() 仍会执行,可能导致空数据渲染、重复提交、状态错乱。

更可控的方式是让错误穿透到业务层:

  • 对 401 这类需强干预的错误,return Promise.reject(new Error('auth_expired'))
  • 页面中用 try/catch 或 .catch() 显式处理,再决定跳转、弹窗或静默重试
  • 只有在兜底场景(如 App 端未 catch 的 Promise 拒绝)才用 uni.onUnhandledRejection 做最后跳转
  • 避免在工具函数里耦合路由跳转逻辑,否则单元测试和 mock 几乎无法进行

真正难的不是识别错误码,而是让错误流经的每一层都清楚自己该做什么、不该做什么——拦截器负责转换,业务层负责决策,全局监听只做最后防线。

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2743

2023.08.11

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

5983

2023.10.09

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6910

2024.03.19

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

6678

2024.03.22

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

943

2024.05.22

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

20

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

40

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

140

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn