Cache Storage 与 CORS 不透明响应处理指南

`title: Cache Storage 与 CORS 不透明响应处理指南``categories: Web 开发/前端/数据管理``keywords: Cache Storage,CORS,opaque,请求模式,缓存``description: 理解跨域请求与不透明响应对 Cache Storage 的影响，正确设置请求模式与缓存策略，避免缓存污染与不可读数据。`关键点`fetch` 的 `mode: 'no-cors'` 返回 `opaque` 响应，无法读取；缓存应避免保存不可验证的响应。优先通过 CORS 配置获取可读可缓存的响应，或在 SW 层进行白名单策略。示例async function cacheCors(url) { const res = await fetch(url, { mode: 'cors' }); const c = await caches.open('cors-cache'); await c.put(url, res); }