【bug】控制台可以看到接口请求成功，但promise的返回值找不到undefined

已于 2024-04-15 16:56:08 修改
阅读量515 收藏 10
点赞数 9
文章标签： 前端 vue uni-app
于 2024-02-20 11:22:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_66340074/article/details/136185734
版权

接口请求成功，但是控制台打印res却找不到

可以检查一下，请求的方法是否被封装，再去封装的文件里查看

进到文件里我们打印出来接口是可以拿到返回值的，所以是因为接口请求成功后的返回值没有抛出去出去，我们在resolve里加上需要返回的参数就好了

光生_H
关注
  • 9
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 使用axios请求数据控制台有返回接口数据，但是在.then中打印res.data为undefined...
weixin_30853329的博客
07-30 1万+
prveiw 有返回json数据，但是再.then里打印的res却是undefined。 再网上找了很多解决provisional headers are shown 的方法。都没有用！ （有很多种可能导致Request Headers 出现这个问题） 后来就把axios换成了resource, 就解决了 查了一些资料总结了下axios和resource...
Node.js 中 使用async/await + Promise不能正常返回值的问题
shiyutim
01-04 2739
在node.js中可以使用Promise和async/await，但是在我今天写代码的时候，发现直接使用Promise.resolve这个api后，await不能正常返回值，代码大约如下： const fs = require('fs') const test = (file) => { fs.readFile(file, (err, data) => { if(err) Pro...
vue2 图片下载，后端返回二进制流，前端处理操作
ku_bi_ri_zhi的博客
08-24 236
这段就是后端返回的二进制流，显示这段乱码就显示res正确了，最后加上以下代码就可以啦。再去请求函数里面看，原来是这样写的，在后面加上responseType:'blob'首先确定是否使用的是axios，如果是接着操作，如果不是那就重新百度一下把。加上了之后找到我们调用接口的函数那里，打印一下我们的response。返回代码加上async和await。
Vue3封装http请求，浏览器真实请求也成功返回但就是无法获取结果res
清欢
11-25 4501
Vue3封装http请求，浏览器真实请求也成功返回但就是无法获取结果res.then(res=>res.json()).then((response) => { .then(res=>res.json() => { .then(response => {export const testRequest = (data?: object) => { return http .request( “post”, baseUrlApi(“public/member/sendEmailCode”), { data }
vue，调用api拿到值，返回值没问题，但在回调的res里，部分字段为空
渔火江渚上的博客
05-20 1251
一、问题 vue，调用api访问后端接口拿到值，通过F12，network发现返回值没问题，但在回调的res里，一个数组字段为空 二、问题解决 调用api后，先别直接回调。先赋值给一个const常量，再用该常量回调，拿返回结果res。 ...
Vue之Promise
08-02 6659
Promise可以实现异步方法，这里主要讨论resolve 和reject 两个参数。 直接看实例，可能比较直观 increment (context) { return new Promise((resolve, reject) => { setTimeout(() => { context.commit('incr...
phpwind支付成功后收不到交易币的解决方案
09-28
关键字描述：交易 解决方案 不到 支付 成功 get_verify &quot 问题现在经常出现支付成功后收不到交易币的现象。 以前的支付接口是直接返回给本论坛，现在要经过phpwind中转，估计就是中转环节出了问题，导致经常收不...
自定义事件解决重复请求BUG的问题
08-30
自定义事件解决重复请求BUG的问题 ...自定义事件解决重复请求BUG的问题可以通过使用发布订阅者模式的自定义事件来解决，通过缓存每次请求的callback和检查请求的状态，来确保每个组件的数据都是正确的。
测试人员不是拦住bug的守门员
03-23
很多次我都听到有人说：“测试人员说挡住bug的守门员”，因此，他们认为，测试组绝对不该让任何一个bug溜进发布到客户手中的最终版里!我对这种说法有自己的见解，这篇文章就是要说这个事情。 　守门员要守住bug，并...
接口BUG总集1
08-08
"Android接口BUG总集1" Android接口BUG总集1是一份记录了多个Android接口BUG的文件，涵盖了多个方面的接口问题。下面是对每个BUG的详细解释： 1. 修复蓝色提示的BUG 该BUG是关于更新简历时出现的问题。通过查看...
SketchUp草图 2024贴图打开纹理不显示图片BUG修复文件
05-17
相信很好多使用,使用草图2024的朋友,都会遇到一个问题就是在新建贴图或修改贴图是点击打开不显示图片的问题 其实只需要替换一个文件就可以完美解决 "C:\Program Files\SketchUp\SketchUp 2024\resources\zh-cn\...
微信小程序使用request请求有返回值但是返回undefined微信小程序（3）
qq_38916157的博客
11-16 6094
1.在使用request请求时，接口明明返回了数据但是返回undefined 2.上网看有的加了success这个，想起来request被我封装了 success (res) { console.log(res.data) } 3.查看封装的请求成功后返回的代码：一直在获取的是result.data.message实际上要获取的是result.data.access 4.推荐解决方法一：直接返回result.data 解决方法二：与后端沟通，让其把数据写在message中 return new
小程序 异步方法 promise
weixin_47156901的博客
09-15 561
微信小程序里面接受数据为promise使用for循环 异步方法报错 问题描述 在js里面调用后台接口的方法能够成功访问并且也能获取数据，但是打印的时候打出来是promise或者为undefined 问题原因 出现undefined或者promise：可能你采用了异步请求，数据还没有查询结束返回前台，你的打印语句已经执行了。这边你可以通过打印出来的顺序自己检查一下 问题解决： 定义一个方法，前面加async async 方法名{ 方法的实现 调用js里面的方法 await js里面的方法 } 注意：如果你
Promise，await的使用
DWC__的博客
04-28 1192
上面是控制台输出的信息，前者是输出的Promise，后者是Promise.then。 Promise有promiseresult等待返回，promise.then的result应该是已经输出了，所以打印出来是undefined。 上方delArr是请求参数的数组，遍历数组发起请求。希望在循环发起的请求结束之后执行后续操作，保证执行的顺序，可以使用await。下面是这种操作的打印顺序，先输出两个‘嘻嘻哈哈’下面的对象是请求拦截器中的config，感觉执行顺序是，请求挂起，执行.then，触...
Promise
weixin_34205076的博客
08-21 116
在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>ajax<...
前端面试题（12）答案版
最新发布
weixin_49062485的博客
06-30 597
在不同的操作系统上,设置环境变量的方式有所不同,比如在Windows上使用set命令,在Unix/Linux上使用export命令。-2） setImmediate：是Node.js中的特有API,属于微任务,会被添加到微任务队列中,在事件循环的微任务阶段执行。2) 执行完所有宏任务后,检查微任务队列(如Promise.then)是否有待执行的任务,依次执行。- 1）setTimeout：是宏任务,会被添加到宏任务队列中,在事件循环的宏任务阶段执行。在前端面试中,考察这些基本概念是非常常见的。
React 组件 API
csbysj2020的博客
06-29 432
React 组件可以通过两种方式定义：类组件和函数组件。类组件使用 ES6 的类语法，而函数组件则是一个简单的 JavaScript 函数。React 组件 API 是 React 开发中的基础，理解并掌握这些 API 对于创建高效、可维护的 React 应用程序至关重要。无论是类组件还是函数组件，都提供了丰富的特性和方法来管理组件的状态、属性和生命周期。通过熟练使用这些 API，开发者可以更加轻松地构建复杂的用户界面。
实战|记一次java协同办公OA系统源码审计
weixin_46239998的博客
06-26 1717
实战|记一次java协同办公OA系统源码审计
React useImperativeHandle Hook
hawk2014bj的博客
06-26 814
useImperativeHandle 在 React 为我提供了一个可以为 ref 绑定处理方法的 hook，useImperativeHandle 源码中可以看到实现了绑定以及清理的逻辑。
foreach 循环调取接口 使用Promise.all解决bug
05-10
foreach 循环调用接口会有异步请求的问题，可能会导致数据顺序错乱或者出现其他问题。为了解决这个问题，可以使用 Promise.all 来处理异步请求。 Promise.all 可以接收一个由 Promise 对象组成的数组作为参数，当所有的 Promise 对象都成功执行时，Promise.all 才会返回一个成功的 Promise 对象；如果其中任意一个 Promise 对象失败，Promise.all 就会返回一个失败的 Promise 对象。 下面是一个使用 Promise.all 解决异步请求问题的示例代码： ``` const ids = [1, 2, 3, 4, 5]; const promises = []; ids.forEach(id => { const promise = fetch(`/api/data/${id}`).then(response => response.json()); promises.push(promise); }); Promise.all(promises) .then(results => { console.log(results); }) .catch(error => { console.log(error); }); ``` 在上面的代码中，我们使用 forEach 循环遍历了一个包含 5 个数据 id 的数组，然后将每个 id 传递给 fetch 函数发起异步请求，将返回的 Promise 对象添加到 promises 数组中。最后使用 Promise.all 来处理这些 Promise 对象，当所有的 Promise 对象都成功执行时，Promise.all 返回一个包含所有结果的数组。如果其中任意一个 Promise 对象失败，Promise.all 就会返回一个失败的 Promise 对象。 这样使用 Promise.all 可以保证所有异步请求都成功执行并按顺序返回结果，避免了因为异步请求导致数据顺序错乱或者出现其他问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值