由于缓存导致Chrome中的后退按钮问题

Question

当我在谷歌浏览器浏览器中按下后退按钮时，对于第一次单击它不会导航而是将数据存储在缓存中，而当我再次按下它时它会返回并显示陈旧信息。我在我的网页中使用JS和Perl。我不想要缓存数据。我想停止显示陈旧的信息。有人可以帮我解决这个问题。 谢谢 鲁班C

Answer 1

通过发送相应的响应标头告诉浏览器不要缓存页面。

Cache-Control: no-cache, no-store, must-revalidate
Pragma: no-cache
Expires: 0

更新：实际问题不是由缓存引起的，而是由history.pushState用法引起的。它会在同一页面的浏览器历史记录中创建第二个条目，这就是您必须单击“返回”两次的原因。 This MDN article更详细地解释了它。请考虑改为使用history.replaceState。