Fetch Metadata 请求头与缓存与路由安全策略

`title: Fetch Metadata 请求头与缓存与路由安全策略``categories: Web 开发/前端/数据管理``keywords: Fetch Metadata,Sec-Fetch-*,安全,缓存,路由``description: 利用 Fetch Metadata（Sec-Fetch-*）识别请求来源与意图，在前端与 SW 层设计安全的缓存与路由协作策略。`SW 检测self.addEventListener('fetch', (event) => { const site = event.request.headers.get('sec-fetch-site'); const mode = event.request.headers.get('sec-fetch-mode'); // 根据来源与模式调整缓存策略或拒绝可疑请求 });