缓存 html 忽略查询字符串

Question

在我的网站上，我使用查询字符串参数将信息传递给 Javascript，但返回的实际 html 与查询字符串无关（它只是一个由 Javascript 动态填充的模板）。

是否有任何简单的方法可以使页面缓存独立于查询字符串参数？我的一个想法是使用服务工作者从请求中去除查询字符串，但我想知道是否有任何更简单、更清洁的方法。

Answer 1

是的，只需缓存非查询参数页面，然后在响应fetch 事件时，将附加选项传递给cache.match(request, options) 调用：

return cache.match(event.request, {ignoreSearch: true})
    .then(function (response) {
        // resolves with the match regardless of query string
    });

见MDN docs for Cache.match parameters。