如何用 cache 参数控制 Fetch 是否读取浏览器自带的缓存

Fetch 的 cache 参数决定浏览器如何复用缓存响应，而非禁用缓存；其值包括 default（遵HTTP头）、no-store（不读不写）、reload（强制网络请求）、no-cache（先校验）、force-cache（优先用过期缓存）、only-if-cached（仅缓存，无则报错）。Fetch 的 cache 参数直接决定请求是否复用浏览器已缓存的响应，而不是简单地"禁用缓存"。它不绕过 HTTP 缓存规则，而是告诉浏览器在满足缓存条件的前提下，如何决策：是读缓存、忽略缓存、还是强制校验。cache 参数的可选值及行为该参数取值为字符串，常见选项有：'default'：默认行为。遵循 HTTP 缓存头（如 Cache-Control、Expires）。若响应可缓存且未过期，直接返回缓存；否则发起网络请求。 'no-store'：完全跳过缓存读写。每次请求都走网络，响应也不存入缓存。适合敏感数据或调试场景。 'reload'：强制发起新请求，忽略所有本地缓存（包括 memory cache 和 disk cache），但响应仍可能被缓存（取决于响应头）。 'no-cache'：允许读缓存，但必须先向服务器验证（发送带 If-None-Match 或 If-Modified-Since 的条件请求）。服务器返回 304 时复用缓存，200 则更新缓存并返回新内容。 'force-cache'：尽可能使用缓存，即使已过期也先返回缓存内容（stale-while-revalidate 类似效果），再异步校验更新。注意：不是所有浏览器都完全支持此行为，尤其在过期严重时可能仍发请求。 'only-if-cached'：只从缓存中取，不发起网络请求。若无可用缓存则报错（TypeError: Failed to fetch）。常配合 credentials: 'omit' 使用，避免跨域问题。与 HTTP 缓存头的协同关系cache 参数不会覆盖服务器返回的缓存控制头，而是与之配合工作： Zeemo AI 一款专业的视频字幕制作和视频处理工具