如何强制更新单页应用程序(SPA)页面?

在完全基于服务器端的呈现(非Web 2.0)中,部署服务器端代码将在页面重新加载时直接更新客户端页面。相比之下,在基于React的Single Page

Application中,即使在更新React组件之后,仍然会有一些客户端使用这些组件的旧版本(它们仅在重新加载浏览器时才获得新版本,这种情况很少发生)->如果页面如果是完全SPA,则某些客户端可能会在几个小时后才刷新页面。

应采用什么技术来确保任何客户端不再使用旧的组件版本?

更新:API不变,只有React Component被更新为更高版本。

回答:

您可以让React组件在应用程序加载时向您的服务器发出ajax请求,以获取 “接口版本”

。在服务器API中,您可以维护客户端版本的增量值。React组件可以将此值存储在客户端(cookie

/本地存储/等)上。当检测到更改时,它可以调用window.location.reload(true);,这将强制浏览器放弃客户端缓存并重新加载SPA。或者更好的是,通知最终用户将要加载新版本,并询问他们是否要保存工作然后重新加载等。取决于您要执行的操作。

以上是 如何强制更新单页应用程序(SPA)页面? 的全部内容, 来源链接: utcz.com/qa/418730.html

回到顶部