作者VdustR (京)
看板Ajax
标题[教学] PWA 更新通知
时间Thu Mar 19 02:47:47 2020
大家好。
在使用 Vuepress 或 CodeSandbox 的时候，
有时候会跳出更新通知，
而这些 Web App 在离线状态的时候仍然可以浏览已经下载好的内容，
这就是 PWA 的功能之一，
而我们可以使用 workbox 套件轻易地达成这种效果。
在 CRA 和 Vue CLI(PWA plugin) 的设定预设 reload page 是不会更新到最新版的，
使用者并不会主动甚至有些介面根本无法使用 hard reload
最近研究了 PWA 跳出更新通知并且按下按钮就重新取得最新版的方法，
并以 React 和 Vue 写了简单的范例分享：
https://github.com/VdustR/example-pwa-update
请多多指教 :)
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 39.12.197.83 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1584557270.A.69B.html
1F：推 Rplus: 推推~ 03/19 22:35
2F：→ Rplus: 不过是不是写在 index.js 就好？不用写到 view 里？ 03/19 22:38
3F：→ VdustR: 可以~ 这边放在 component 内是为了方便改变状态 03/20 10:25