【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 分钟前
Python类属性与魔术方法全解析
开发语言·python
JellyDDD4 分钟前
h5上传大文件可能会导致手机浏览器卡死,重新刷新的问题
javascript·上传文件
眠りたいです44 分钟前
现代C++:C++11并发支持库
开发语言·c++·多线程·c++11·c++并发支持库
小灰灰搞电子1 小时前
Rust可以取代C++么?
开发语言·c++·rust
cat三三1 小时前
java之异常
java·开发语言
T___T1 小时前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
奇树谦1 小时前
【Qt实战】实现图片缩放、平移与像素级查看功能
开发语言·qt
我命由我123451 小时前
Python Flask 开发问题:ImportError: cannot import name ‘Markup‘ from ‘flask‘
开发语言·后端·python·学习·flask·学习方法·python3.11
wjs20241 小时前
Go 语言指针
开发语言
San301 小时前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
javascript·react.js·响应式编程