axios.post(url, data);
问题：在页面卸载或者刷新的时候上报，请求会在浏览器关闭或者重新加载的时候被cancel掉，导致上报失败。
如果把ajax请求改为同步请求就可以保证一定能发送到服务器。由于fetch和axios 都不支持同步请求，如果使用 XMLHttpRequest 发送同步请求，会阻塞页面关闭或者重新加载的过程，影响用户体验。
navigator.sendBeacon(url, data);
可以保证数据有效送达，且不会阻塞页面的卸载或加载
发请求上报 问题：在页面卸载或者刷新的时候上报，请求会在浏览器关闭或者重新加载的时候被cancel掉，导致上报失败...
前言 最近接到一个需求，需要统计页面的相关数据，并进行上报，本文就介绍一下数据上报的一些方法。 上报数据的时机 页...
概述 公司为了精准的了解自己产品的用户使用情况，通常会对用户数据进行统计分析，获取pv、uv、页面留存率、访问设备...
一、常见的数据上报类型 从事件上报的触发逻辑层面上看，数据上报类型可分为：前端触发上报、前端获取后端结果...
前端触发上报用户在前端进行相应的操作时，即触发采集数据事件。 前端获取后端结果上报这种方式，一般同由于除了记录用户...
一、简介 前端需要做错误监控，将runtime异常发送到某处；或者监控web以及APP的某个组件、某个页面，以便可...
前言 一套健壮的系统，肯定少不了维护和监控，前端因为是toc的，所以很多错误，我们无法直接看到，所以我们就需要一套...
一、简介 前端埋点即在产品客户端获取用户行为和使用情况的一种监控方式。通过埋点可以获取到用户行为数据，借助这些数据...
前端监控分为性能监控和错误监控。其中监控又分为两个环节：数据采集和数据上报。本文主要讲的就是如何进行数据采集和数据...
返回目录 正式调查数据上报/导出与摸底数据数据上报/导出类似。
本文标题：前端数据上报 sendBeacon
本文链接：https://www.haomeiwen.com/subject/uassbctx.html
网友评论