為什麼這篇pwa範例鄉民發文收入到精華區：因為在pwa範例這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者VdustR (京)看板Ajax標題[教學] PWA 更新通知時間Thu Mar 19 02:4...
大家好。
在使用 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://www.ptt.cc/bbs/Ajax/M.1584557270.A.69B.html
推 Rplus: 推推~ 03/19 22:35
→ Rplus: 不過是不是寫在 index.js 就好？不用寫到 view 裡？ 03/19 22:38
→ VdustR: 可以~ 這邊放在 component 內是為了方便改變狀態 03/20 10:25