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

前言

首先,我不是现代专业前端(有一定的前端基础,但现在的前端技术栈不精通),前端很多时候要靠AI辅助。
最近在用ruoyi,在开发的过程中遇到了这个问题,AI也没能解决掉。
问了朋友朋友说你代码有问题,对 我知道,可是问题出在哪了呢?

问题表现

案例代码是这样的
image
执行起来直接走了这里catch块(感觉是)
313c41d47cd7d08cf72a426aeb4d72b

其实请求是正常发起了,并且正常响应了。
考虑getPerformance没有引入但检查后是正常引入的,打印err也没有正常报错信息,只打出来个error
eb3c6674249e702cafabbd66b4953f1

解决方案

省略1小时的排查过程,其实问题就在src\utils\request.ts中.
若依统一是后端使用R对象作为响应体的,正常code是200
image

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

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

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

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

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

参考文章

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

posted @ 2025-12-29 10:58  SomUrim  阅读(6)  评论(0)    收藏  举报