概述`fetch` 的 `cache` 选项影响浏览器缓存策略:`default` 遵循 HTTP 缓存规则;`no-store` 跳过缓存读写;`reload` 跳过本地缓存并向服务器验证;`no-cache` 允许使用缓存但会再验证;`force-cache` 优先使用缓存,若无则请求;`only-if-cached` 仅从缓存读取(受同源与模式限制)。示例await fetch('/api/data', { cache: 'no-cache' }) await fetch('/img/logo.png', { cache: 'force-cache' }) 工程建议数据一致性:对敏感数据使用 `no-cache/reload`;静态资源可 `default/force-cache`。约束与兼容:`only-if-cached` 需同源并使用 `mode: 'same-origin'`;部分浏览器差异需评估。与 SW/CDN:结合 Service Worker 与 CDN 缓存策略协调,避免冲突。参考与验证MDN Request.cache 文档:https://developer.mozilla.org/docs/Web/API/Request/cacheMDN fetch 文档:https://developer.mozilla.org/docs/Web/API/fetchweb.dev 缓存与一致性指南:https://web.dev/articles/http-cache

发表评论 取消回复