關于浏覽器後退操作與頁面緩存問題

關于浏覽器後退緩存的問題很早就注意過，但一直沒有在意，直到今天測試确切地提出這個問題。

頁面上有一個認領按鈕，點選之後跳轉到詳情頁，該按鈕變為撤銷，按鈕類型由接口資料決定。然而點選浏覽器的回退按鈕之後，因為頁面緩存的問題，按鈕還是認領狀态。隻有重新整理頁面之後按鈕狀态變成撤銷。

搜尋相關問題，大多是“點選後退，重新整理頁面”、“禁止頁面緩存”等問題或者相關答案，回複大多是設定 <code>&lt;meta&gt;</code> 标簽，禁止頁面緩存等，但這些方法基本都不是很理想。

通過和同僚溝通讨論得知，隻需要在擷取頁面資料的請求中添加時間戳即可。

感謝您的閱讀，如果您對我的文章感興趣，可以關注我的部落格，我是叙帝利，下篇文章再見！

開發低代碼平台的必備拖拽庫 https://github.com/ng-dnd/ng-dnd

基于 Angular Material 的中背景管理架構 https://github.com/ng-matero/ng-matero

Angular Material Extensions 擴充元件庫 https://github.com/ng-matero/extensions

仿 Windows 照片檢視器插件 https://github.com/nzbin/photoviewer

仿 Windows 照片檢視器插件 jQuery 版 https://github.com/nzbin/magnify

完美替代 jQuery 的子產品化 DOM 庫 https://github.com/nzbin/domq

簡化類名的輕量級 CSS 架構 https://github.com/nzbin/snack

與任意 UI 架構搭配使用的通用輔助類 https://github.com/nzbin/snack-helper

單元素純 CSS 加載動畫 https://github.com/nzbin/three-dots

有趣的 jQuery 卡片抽獎插件 https://github.com/nzbin/CardShow

懸疑科幻電影推薦 https://github.com/nzbin/movie-gallery

鍛煉記憶力的小程式 https://github.com/nzbin/memory-stake