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

相关推荐
Chengbei115 小时前
JsOwl|AI 赋能 JS 敏感信息扫描器,AST + 正则、source‑map 源码还原、登录态爬虫输出交互式 HTML 报告
开发语言·javascript·网络·人工智能·爬虫·网络安全·自动化
David猪大卫5 小时前
【C++修炼】string类:string类的模拟实现
c语言·开发语言·数据结构·c++·经验分享·笔记·学习
geovindu5 小时前
rust: Iterator Pattern
开发语言·后端·设计模式·rust·行为模式·迭代器模
SDWAN_Cheap6 小时前
深度解析什么是CDN加速:从原理到实践的技术拆解
开发语言·cdn加速
鬼手点金6 小时前
模型即 Agent:当模型本身成为产品
开发语言·前端·人工智能·python·机器学习
染指11106 小时前
147.Agent-LangGraph归并函数
开发语言·人工智能·python·langchain·agents
Elastic 中国社区官方博客6 小时前
教程:监控 Java 应用
java·开发语言·数据库·elasticsearch·搜索引擎·全文检索
ShineWinsu6 小时前
对于JavaScript:初识JavaScript以及输入输出
java·开发语言·前端·javascript·css·面试·html
小小安于乱6 小时前
linux中java的springboot程序获取IP地址间歇性10秒卡顿问题
java·开发语言
小白学大数据6 小时前
逆向分析短视频平台 a_bogus 参数:从 JavaScript 混淆到 Python 复现
javascript·python·音视频