ETag 与 Last-Modified 协议缓存与一致性

`title: ETag 与 Last-Modified 协议缓存与一致性``categories: Web 开发/前端/数据管理``keywords: ETag,Last-Modified,If-None-Match,If-Modified-Since,Cache``description: 通过 ETag/Last-Modified 与条件请求实现协议级缓存与一致性校验，降低带宽与提升前端数据更新可靠性。`条件请求async function fetchWithETag(url, etag) { const res = await fetch(url, { headers: etag ? { 'If-None-Match': etag } : {} }); if (res.status === 304) return null; // 未更新 return { body: await res.json(), etag: res.headers.get('ETag') }; } 策略将 `ETag` 随数据元信息存 IndexedDB；命中 304 时跳过更新；失败时回退本地缓存。