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 (查资料找到了这篇文章,给了一定的启发想到找拦截器的问题了)

相关推荐
onebyte8bits16 分钟前
前端国际化(i18n)体系设计与工程化落地
前端·国际化·i18n·工程化
C澒24 分钟前
前端分层架构实战:DDD 与 Clean Architecture 在大型业务系统中的落地路径与项目实践
前端·架构·系统架构·前端框架
BestSongC28 分钟前
行人摔倒检测系统 - 前端文档(1)
前端·人工智能·目标检测
0思必得01 小时前
[Web自动化] Selenium处理滚动条
前端·爬虫·python·selenium·自动化
Misnice1 小时前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
青茶3601 小时前
php怎么实现订单接口状态轮询(二)
前端·php·接口
大橙子额2 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
爱喝白开水a3 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌413 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
吃杠碰小鸡4 小时前
高中数学-数列-导数证明
前端·数学·算法