Accept-Encoding 变体缓存与一致性实践

概述压缩变体在缓存与匹配中需要区分。本文给出前端键命名与服务端 Vary 协作建议。前端命名async function cacheByEncoding(event) {

const res = await fetch(event.request);

const enc = (res.headers.get('Content-Encoding') || 'identity');

const cache = await caches.open('enc-v1');

const url = new URL(event.request.url);

const key = new Request(url.origin + url.pathname + '?enc=' + enc, { headers: event.request.headers });

await cache.put(key, res.clone());

return res;

}