ruoyi-vue-plus中await axios报错undefined的问题(请求正常)

前言

首先,我不是现代专业前端(有一定的前端基础,但现在的前端技术栈不精通),前端很多时候要靠AI辅助。

最近在用ruoyi,在开发的过程中遇到了这个问题,AI也没能解决掉。

问了朋友朋友说你代码有问题,对 我知道,可是问题出在哪了呢?

问题表现

案例代码是这样的

执行起来直接走了这里catch块(感觉是)

其实请求是正常发起了,并且正常响应了。

考虑getPerformance没有引入但检查后是正常引入的,打印err也没有正常报错信息,只打出来个error

解决方案

省略1小时的排查过程,其实问题就在src\utils\request.ts中.

若依统一是后端使用R对象作为响应体的,正常code是200

然后若依前端统一了一个拦截器,会对响应做一个初步的处理(根据code来的)

而我的后端存在两套接口,其中一套规范的code不是200,所以在拦截器中会走

复制代码
else if (code !== HttpStatus.SUCCESS) {
      ElNotification.error({ title: msg });
      return Promise.reject('error');

在这里将判断条件加上自己的就可以简单过掉了

如果你是其他原因,也可以在这里面找一下原因

参考文章

https://cloud.tencent.com/developer/article/2345903 (查资料找到了这篇文章,给了一定的启发想到找拦截器的问题了)

相关推荐
于慨18 小时前
Lambda 表达式、方法引用(Method Reference)语法
java·前端·servlet
石小石Orz18 小时前
油猴脚本实现生产环境加载本地qiankun子应用
前端·架构
从前慢丶18 小时前
前端交互规范(Web 端)
前端
CHU72903518 小时前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
GISer_Jing19 小时前
Page-agent MCP结构
前端·人工智能
王霸天19 小时前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
小领航19 小时前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件
前端·github
@大迁世界19 小时前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript
PieroPc19 小时前
一个功能强大的 Web 端标签设计和打印工具,支持服务器端直接打印到局域网打印机。Fastapi + html
前端·html·fastapi
悟空瞎说19 小时前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js