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

相关推荐
玫城6 小时前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
南半球与北海道#10 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
董世昌4110 小时前
深入浅出 JavaScript 常用事件:从原理到实战的全维度解析
前端
满栀58510 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_4061761411 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
开开心心_Every11 小时前
免费窗口置顶小工具:支持多窗口置顶操作
服务器·前端·学习·macos·edge·powerpoint·phpstorm
闲蛋小超人笑嘻嘻12 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
梦65012 小时前
Vue2 与 Vue3 对比 + 核心差异
前端·vue.js
tiandyoin12 小时前
给 MHTML 添加滚动条.mhtml
前端·chrome·html·mhtml
遗憾随她而去.13 小时前
前端大文件上传(切片并发/断点续传/秒传/WebWorker 计算Hash) 含完整代码
前端