关于浏览器后退操作与页面缓存问题

关于浏览器后退缓存的问题很早就注意过，但一直没有在意，直到今天测试确切地提出这个问题。

页面上有一个认领按钮，点击之后跳转到详情页，该按钮变为撤销，按钮类型由接口数据决定。然而点击浏览器的回退按钮之后，因为页面缓存的问题，按钮还是认领状态。只有刷新页面之后按钮状态变成撤销。

搜索相关问题，大多是“点击后退，刷新页面”、“禁止页面缓存”等问题或者相关答案，回复大多是设置 <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