如何使 S3 Cloudfront 上部署的 Gatsby 网站上的服务工作者缓存失效？答案

【问题标题】：How do I invalidate the service worker cache on deployed Gatsby website on S3 Cloudfront?如何使 S3 Cloudfront 上部署的 Gatsby 网站上的服务工作者缓存失效？
【发布时间】：2019-06-13 03:39:00
【问题描述】：

我正在建立我的第一个 Gatsby 网站。我们将它托管在 AWS S3 上。我们也使用gatsby-plugin-offline。

到目前为止，我还没有找到一个很好的解决方案来解决如何在新部署后使缓存失效。

即使我通过 Devtools -> Application -> Clear Storage 手动取消注册 sw.js service worker 并清理站点数据，浏览器仍会继续加载缓存版本（缺少添加的页面、显示旧文本内容等） .

对于部署，我使用amplify。

在部署新版本时如何使旧缓存失效？

谢谢。

【问题讨论】：

标签： deployment amazon-cloudfront browser-cache gatsby

【解决方案1】：

你检查gatsby-auth-starter-aws-amplify的放大配置了吗？离线插件在此启动器和it is the recommended starter for deploying gatsby to amplify 中处于活动状态。

另一种解决方案是使用the s3 plugin with aws-cli

Gatsby's caching docs 解释了让 Gatsby 正常工作的缓存规则。常见问题是由 HTML 页面的缓存引起的（HTML 文件中的 cache-control 标头应为cache-control: public, max-age=0, must-revalidate）

【讨论】：