UniApp搭建项目模板（二）—— 自定义后端请求 code 报错信息

简介

基于 UView 内置的请求框架luch-request (opens new window)做二次封装

功能

1. 基础请求类型封装: get、post、put、delete [✅]
2. 集成请求代理功能 [✅]
3. 无感刷新 token 封装 [✅]
4. 自定义后端请求 code 报错信息 [✅]

回顾

在上一篇中，我们实现了无感 token 刷新，能在用户 token 过期时先缓存请求队列，待刷新 token 之后再重新执行 token 请求，现在我们需要针对后端不同的接口错误码，自定义错误提示信息，当然也可以直接在 promise.catch 中自定义，但是操作起来会更繁琐，我们只需要封装一个工具函数就可以。

流程

在 src 下的 constant 文件夹下新建 error-code.js 文件

// 自定义code映射信息
export default {
  200: '请求成功了哦~'
}

在 request.js 中增加一点点逻辑

// 获取消息提示信息
function getMessage(result) {
  if (!result) return '系统异常'
  const code = result.code
  return ErrorCode[code] || result.message
}

// 函数调用
uni.showToast({
  title: getMessage(result),
  icon: 'none',
  // 对于app 错误信息在底部弹出
  position: 'bottom'
})

详细请见项目源码

ZhangJinH (opens new window)