使用html5 历史 api进行 url 重写时支持离线模式的最佳实践是什么(以及如何去做)?
例如,(假设)我在https://abc.xyz有一个 PWA SPA 应用程序,它内置了国际化功能。因此,当我访问此链接时,Vue 路由器(理想情况下可以是任何框架 - vue、react、Angular 等) .) 将我重定向到https://abc.xyz /en。
当我在线时,这非常有效(当然,网络服务器也正在处理此重定向,因此即使您直接访问上述链接,应用程序也可以正常工作)。
然而,当我离线时,情况就不同了。服务工作线程会正确缓存所有资源,因此当我访问 URL https://abc.xyz时,所有内容都会按预期加载。但是,现在如果我手动输入https://abc.xyz /en的 URL ,应用程序将无法加载。
有关如何实现这一目标的任何指示?
链接到 github 中的同一问题:https ://github.com/vuejs-templates/pwa/issues/188
offline offline-mode html5-history vue.js progressive-web-apps