微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

StencilJS PWA 无法回退到离线页面

如何解决StencilJS PWA 无法回退到离线页面

我正在开发一个使用 StencilJS 框架的 PWA 应用程序。 如果所选路由在缓存中不可用,我在尝试返回离线页面时会遇到问题。

用户登陆页面时,应用程序会缓存数据 - 因此,如果他们点击仪表板然后离线,仪表板仍然可以工作,但不是新闻页面

在这种情况下,应用程序需要显示离线页面而不是新闻页面。新闻页面只有在之前在线访问过的情况下才能离线使用。

问题来了。因为 Stencil 不会“导航”到页面,所以应用程序不知道也不能返回离线页面

Service Worker 的安全性使情况变得更糟。单击菜单中的链接时,会加载一个 javascript 组件,而不是文本/html 资源。 Service Worker 阻止我们在“text/javascript”的位置返回“text/html”类型的响应,因为它不是请求所要求的。

有没有人知道让这个工作的方法?或者,如果网络无法加载所需的文件,甚至可以告诉 Stencil 加载“offline.tsx”组件?

在这一点上的任何建议将不胜感激。 谢谢! :)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。