【chrome】F12开发者工具如何屏蔽接口,promise.all和promise.allSettled的区别实战验证

需求背景

有一个数据统计页面,含有7个指标,这7个指标分别来自不同的3个接口,现在我们想要合并其中2个,之前的3个接口的调用采用的是promise.all,但是promise.all数组中某一个请求失败,都会导致无法返回正确数据,导致7个指标都为默认值--

目标

1、合并3个变成2个接口

2、采用promise.allSettled解决某个接口失败,导致数据完全不返回问题

3、采用chrome浏览器的开发者工具Network,找到需要测试的接口右键出现的菜单中点击Block request URL对接口禁用,模拟接口请求失败,验证promise.allSettled的有效性

结论

1、开发者工具中的Block request URL可以方便的进行模拟接口失败情景

2、promise.allSettled确实可以做到避免某个接口失败,导致数据全部无法返回的问题

相关推荐
冷雨夜中漫步4 分钟前
Java中如何使用lambda表达式分类groupby
java·开发语言·windows·llama
踢足球的,程序猿13 分钟前
WebAssembly的本质与核心价值
前端·javascript·前端框架·wasm·webassembly
摸鱼仙人~21 分钟前
如何设计一个既提供绘图Tools又提供example_data的MCP服务器:
android·服务器·javascript
a45763687625 分钟前
Objective-c Block 面试题
开发语言·macos·objective-c
3Katrina31 分钟前
深入理解 JavaScript 中的柯里化
前端·javascript
BillKu33 分钟前
Vue3 axios 请求设置 signal 信号属性,以便 abort 取消请求
前端·javascript·vue.js
Cai junhao33 分钟前
【Qt】Qt控件
开发语言·c++·笔记·qt
uyeonashi42 分钟前
【QT系统相关】QT网络
开发语言·网络·c++·qt
程序猿小D1 小时前
第27节 Node.js Buffer
linux·开发语言·vscode·node.js·c#·编辑器·vim
摸鱼仙人~2 小时前
React forwardRef 与 useImperativeHandle 深度解析
前端·javascript·react.js