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

相关推荐
IT_陈寒12 分钟前
Python多进程池的坑:子进程竟然不会退出
前端·人工智能·后端
snow@li13 分钟前
前端:全景深度分析/前端岗位起源,以及“美国没有前端岗位”的真相
前端
恋猫de小郭14 分钟前
Gradle 9.7.0 将提速 Android 构建,Sync 提升接近一倍
android·前端·flutter
lilian23316 分钟前
Harmony os 技术实战|拼豆制图48:把个人页字符串路由改成可穷尽的类型协议
前端·华为·harmonyos
咏方舟【长江支流】26 分钟前
【前端2】单据编辑 -订单单据主子表,万能模板行,自定义添加行
前端·前端框架·状态模式·咏方舟-长江支流
qq_4523962329 分钟前
第六篇:《CI/CD 流水线:从前端构建到自动化部署》
前端·ci/cd·自动化
咏方舟【长江支流】32 分钟前
【前端1】单据编辑 -EasyUI/Vue/React/Bootstrap 主流框架实现订单单据主子表显示和编辑比较,哪个你最易入门?
前端·vue.js·easyui·咏方舟-长江支流·userbaodatagrid
m0_5791466535 分钟前
Element UI 表格合并单元格完全指南:从原理到实战
前端·vue.js·elementui
sibylyue39 分钟前
# Web端流媒体JS播放器开源库
前端·javascript·开源
码视野1 小时前
基于 Vue3 + Element Plus 的【基于物联网与深度学习的智慧工业园区能耗监测与光储充一体化微电网协同调度系统】设计与实现(附完整源码与PRD)
前端·人工智能·深度学习·物联网·vue3