为什么 Blazor Web Assembly 应用程序中的每个 razor 页面导航都有"Loading..."延迟?



我有一个Blazor Webassembly PWA应用程序,它有两个剃刀页面:Index.razor和History.razor。每次用户在这两个页面之间导航时,都会有一个短暂的延迟;正在加载"在应用程序加载实际的剃须刀页面之前,HTML会显示在页面上。

我知道,当你第一次在浏览器中打开应用程序时,它需要下载所有必要的程序集并加载它们。但一旦他们导航到网站,为什么每次导航都需要";正在加载"html是否显示?这通常是一段很短的时间(我让我的服务人员缓存所有内容(,但作为一个用户,这会让我感到分心

我在网上找不到任何解释。我确信我可能错过了它的实际工作方式,或者我的页面/导航设置不正确?如能提供有关这方面的任何信息,我们将不胜感激。页面加载如何与每次导航配合使用?有办法防止这种情况发生吗?

更新:以Visual Studio中的Blazor WebAssembly模板为例,并遵循Magoo先生的评论,我能够找出";正在加载"显示是因为我正在重新加载页面。这引出了我的最后一个问题。如果用户当前在"索引"页面上,并且他们单击导航到"索引",是否有一种方法可以在不强制刷新的情况下清除该页面上的所有模型?

在服务工作者中有许多缓存策略,您可以根据需要设置

https://developers.google.com/web/tools/workbox/modules/workbox-strategies

我认为"缓存优先";策略适合您

相关内容

  • 没有找到相关文章

最新更新