reactjs - Gatsby 博客 - 每篇新文章都需要在构建后硬刷新

Question

我有 gatsby 博客，在我创建新帖子并构建静态文件后，将它们上传到我的主机上，每个用户都必须在我的博客上进行硬刷新才能看到更改。

上传新版本后如何在下次访问时自动刷新？

Answer 1

这种行为的另一个原因是在我的例子中是由 gatsby-plugin-offline 实现的服务 worker 。 .
服务 worker 被编程为在导航时更新。问题是当用户访问家并且不再导航时，将看不到更新 .如果您有一页网站，您基本上永远不会看到更新，因为无处可导航!
如果您希望页面自动刷新并使旧缓存失效，则需要触发它。如果您有 gatsby-plugin-offline在您的 gatsby-config.js , 将此行添加到您的 gatsby-browser.js

// trigger an immediate page refresh when an update is found
export const onServiceWorkerUpdateReady = () => window.location.reload();

这里有一些 background information关于这个问题来自官方 github 存储库。

正如@coreyway 指出的那样，自动执行此操作可能会有问题。我认为这种行为仍然比坚持使用已弃用的网站版本要好。如果您担心 UX，链接的 GitHub 问题讨论了一种解决方案，让用户通过单击更新通知消息来触发更新。