修改css或js後瀏覽器快取不更新問題

當初我真的是被這個整到懷疑人生

解決方式一：

使用者按Ctrl + F5強制重新整理頁面或者手動清空了瀏覽器的快取。此時瀏覽器會重新向伺服器獲取CSS和JS檔案,新的檔案便會生效。

解決方式二：

但是使用者量過大的時候總不能讓每個使用者一一清理快取吧，於是便從程式碼的角度著手解決這個問題。在js後面新增版本號，讓瀏覽器把這個JS檔案當做新的檔案重新向伺服器獲取資源。

加版本號前：

<script type="text/javascript" th:src="@{/js/test/index.js}"></script>

加版本號後：

<script type="text/javascript" th:src="@{/js/test/index.js?v=1.0}"></script>

實際上這種方法在web也被很廣泛的應用，有時候開網頁看到網址後面一串?t=65412378946之類的，原來就是用時間產生的亂數，專門用來防快取

參考

上次修改於 2021-10-17