performance.getEntriesByType()如何获取跨域性能数据

310 阅读1分钟

获取资源性能数据 perofrmance.getEntriesByType("resource")

如下图示,我们可以很轻松的通过perfromance性能指标api拿到性能数据,但是跨域请求的性能数据却不是我们想要的

下图为正常性能数据: image.png

下图为跨域性能数据: 指标基本都是无效数据 image.png

如何解决跨域数据无效的情况,这在监控领域至关重要

解决方案是:在项目中响应头允许浏览器采集性能数据

Timing-Allow-Origin 通过配置# Timing-Allow-Origin可以有效获取跨域性能数据

image.png

以上!