如何解决为什么Blazor Webassembly应用程序中的所有剃须刀页面导航都出现“加载中...”延迟?
我有一个Blazor Webassembly PWA应用程序,其中包含两个剃刀页面:Index.razor和History.razor。每次用户在两个页面之间导航时,在应用程序加载实际的剃须刀页面之前,页面上都会短暂显示“正在加载...” HTML。
我了解到,当您首次在浏览器中打开应用程序时,它需要下载所有必需的程序集并加载它们。但是,一旦他们导航到站点,为什么每次导航都要求显示“ Loading ...” html?这通常是很短的时间(我让服务人员缓存所有内容),但是作为用户,这会让我分心。
我无法在网上找到任何可以解释这一点的东西。我确定我可能错过了它的实际工作方式,或者我的页面/导航设置不正确?任何有关此的信息将不胜感激。页面加载如何与每个导航一起使用?有办法防止这种情况吗?
更新:以Visual Studio中的Blazor WebAssembly模板为例,并遵循Magoo先生的评论,我能够弄清楚出现“正在加载...”的原因是因为我正在完全重新加载页面。这引出我最后一个问题。如果用户当前在“索引”页面上,并且他们单击导航到“索引”,是否有办法清除该页面上的所有模型而无需强制刷新?
解决方法
服务工作者中有许多缓存策略,您可以根据需要进行设置
https://developers.google.com/web/tools/workbox/modules/workbox-strategies
我认为“缓存优先”策略适合您
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。