通知用戶刷新SPA網站上的瀏覽器的正確方法是什么（當.js文件更改時）

Question

我正在尋找一種適當的方式來通知用戶有關更新的網站版本。

每當我上傳新的生產.js文件時，網站的某些部分仍可以在不刷新瀏覽器的情況下正常運行，但是大多數情況並非如此，用戶可能永遠也不會想出要刷新瀏覽器。

每當上載新的.js文件時，我如何自動通知用戶刷新瀏覽器？

我正在使用Vue和Laravel-mix。

Answer 1

高速緩存破壞器是必需的，並且可以使用來自動執行。 gulp-rev ：概念是在每次構建時重命名資源文件，以便在用戶打開您的應用程序時不會從緩存中檢索它們。

但是，如果在用戶使用該應用程序時打開瀏覽器選項卡並完成升級是不夠的。 在這種情況下，也許您想顯示一條模式消息以刷新頁面，或者自動刷新以加載新版本。

為此，您應在首次打開應用程序時將版本號（或git commit哈希）存儲在SPA范圍內的某個位置，並通過網絡服務調用定期檢查當前的后端版本。 如果您檢測到版本更改，則會顯示該消息（並防止用戶使用其舊版本）。