【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确实可以做到避免某个接口失败,导致数据全部无法返回的问题

相关推荐
大家的林语冰3 小时前
CSS 已死?DOM 性能黑洞!Pretext 排版革命让你在文本间跳舞,没有 DOM 也能纵享丝滑~
前端·javascript·css
楼田莉子4 小时前
C++17新特性:__had_include/属性/求值顺序规则
开发语言·c++·后端
kyriewen4 小时前
用魔法打败魔法:我让AI替我去面试前端岗,AI面试官给我打了92分,还发了offer
前端·javascript·面试
香蕉鼠片5 小时前
Python进阶学习
开发语言·python
摇滚侠5 小时前
Java 零基础全套教程,File 类与 IO 流,笔记 177-178
java·开发语言·笔记
ytttr8735 小时前
OPC UA 协议栈 C 语言实现
c语言·开发语言·mfc
song5015 小时前
Ascend C 算子开发:从入门到上手
c语言·开发语言·图像处理·人工智能·分布式·flutter·交互
小a杰.6 小时前
Ascend C编程语言进阶:高性能算子开发技巧
android·c语言·开发语言
全糖可乐气泡水6 小时前
Codex适配国产信创环境安装部署与技术适配全解析
开发语言·git·python·算法·百度
ZC跨境爬虫6 小时前
跟着 MDN 学CSS day_13 :(深入理解CSS中的元素尺寸调整)
前端·javascript·css·ui·html·tensorflow