如何使S3 Cloudfront上已部署的Gatsby网站上的服务工作者缓存无效?

时间:2019-01-18 20:55:41

标签: deployment amazon-cloudfront browser-cache gatsby

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

到目前为止,在新部署后如何使缓存无效方面,我还找不到一个好的解决方案。

即使我手动注销了sw.js服务工作者并通过Devtools-> Application-> Clear Storage清理了站点数据,浏览器仍会继续加载缓存的版本(缺少添加的页面,显示旧文本内容等)。

对于部署,我使用amplify

在部署新版本时,如何使旧缓存无效?

谢谢。

1 个答案:

答案 0 :(得分:0)

您是否检查了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: public, max-age=0, must-revalidate