Google 云桶静态站点样式不同于本地副本

Google cloud bucket static site styling different from local copy

我在 google 存储桶上托管静态站点。我将 cloudflare 用于 https。

我今天去了现场,看到样式坏了。该网站的部分内容被切断,其他部分则偏离了中心——这与设计不符。我清除了存储桶并通过 gsutil CLI 上传了我最新版本的网站。在同一个 chrome 浏览器上,站点的本地副本看起来与存储桶副本完全不同。

我检查了样式 sheet 是否已上传,它们确实已上传。我暂时从本地副本中删除了主要样式sheet,看看它是否产生了相同的结果,但没有。

我在 Chrome 中开发时遇到问题,浏览器缓存了以前的样式表。我通过硬刷新(清除缓存)来解决它。这是最可能出现的问题,因为这意味着没有缓存样式表的新访问者看不到损坏的 CSS,所以我希望这就是问题所在!

(原来是评论)

编辑:更多资源

此外,对于您的用户,您可以强制他们的浏览器获取新版本:https://www.alainschlesser.com/bust-cache-content-hash/ and to set some guidelines for browsers from your server, like 'cache html for 24h' https://www.keycdn.com/blog/http-cache-headers