标签: 网络请求

**文章技术背景**：浏览器对无`Cache-Control`/`Expires`响应头的资源采用启发式缓存机制。 **关键问题**：依赖`Last-Modified`计算有效期（LM-Factor算法），无此字段时不缓存或极短期；开发者难控更新。 **主要方案**：建议显式设置`Cache-Control: no-cache`或`max-age`，避免浏览器猜测风险。（148字符）

页面关闭时的数据上报难题可用`sendBeacon`解决，它利用HTTP POST，不阻塞页面卸载，优先级高且不受跨域限制。底层通过持久化队列和重试保障可靠性。替代方案有同步XHR(废弃)和Fetch+keepalive。工程实践需结合服务端优化、混合上报策略及关注隐私保护。

提供使用 fetch 和 TransformStream 实现上传进度跟踪的方法，包括计算流大小和创建进度事件。同时，指出 `XMLHttpRequest` 和 `axios` 提供更简单的 `FormData` 上传进度监控方案，无需手动处理流，更加易用。

`navigator.sendBeacon()` API 旨在解决页面卸载前向服务器发送数据的问题，常用于统计和诊断。该方法接收URL和待发送数据（ArrayBufferView, Blob, DOMString, FormData）作为参数，成功加入传输队列返回true，否则返回false。