微信咨询
咨询电话:4008-517-208 手机:138-1875-0604
营销型网站建设 网站优化 seo优化 网络营销 就选百橙网
我们的优势: 优化团队核心成员10年SEO经验 5000+新闻媒体资源,1500家企业合作 企业保证,正规流程,正规合作 承诺24小时快速解决问题
网站开发中如何保证HTML页面后退不会被缓存
发表日期:2025-03-13 09:23:04 游览次数: 3

微信的登录,扫二维码码之后,可以通过微信给的code去获取用户的微信信息,显示出对应的帐号列表(列表页),选择登录之后跳转至相应的页面。测试的时候发现,如果在跳转后的页面,点击浏览器返回,还是会显示登录帐号列表。这时候登录是会失败的,因为已经登录过,没有了半登录态,应该需要重新扫码登录才行。

所以列表页是完全不能被缓存的,而浏览器的前进后退,默认会从缓存里读取,完全不发请求。

打开Chrome的开发者工具调试的时候发现,如果勾选Network的Disable cache,浏览器后退的时候,结果页不会被缓存。如果不勾选则缓存页面。用户是不会主动开启这个选项的,所以需要通过Headers控制页面的缓存。

Request

勾选与不勾选Disable cache的差别在于

Request Headers的Cache是否会被设置为Cache-Control: no-cache、Pragma: no-cache

Response

有设置Cache为Cache-Control: no-cache, must-revalidate。但是为什么页面还是会缓存了呢?

而Request为浏览器发送,不能进行设置,只能从Response着手。

解决方案为设置Cache为Cache-Control: no-store, no-cache, must-revalidate

no-cache与no-store

“no-cache”表示必须先与服务器确认返回的响应是否发生了变化,然后才能使用该响应来满足后续对同一网址的请求。因此,如果存在合适的验证令牌 (ETag),no-cache 会发起往返通信来验证缓存的响应,但如果资源未发生变化,则可避免下载。

相比之下,“no-store”则要简单得多。它直接禁止浏览器以及所有中间缓存存储任何版本的返回响应,例如,包含个人隐私数据或银行业务数据的响应。每次用户请求该资产时,都会向服务器发送请求,并下载完整的响应。

再次观察页面的请求,发现虽然设置了no-cache,但是没有设置ETag可以进行校验,最终还是从缓存里读取。

关于HTTP,还是需要不断的学习,才能深入理解并使用。


免责声明:本站部分资源图片及文字信息来自网络,如侵犯到您的权益,请及时通知我们:Email: 68409478@qq.com
新闻分类

为您推荐相关资讯 MORE

为您推荐相关建站案例

关于我们

网站建设公司,SEO优化,网络品牌塑造,我们以专业的技术实力,打造各行业品牌网站。公司的服务宗旨是:"用诚心做好服务,用实力做好质量"!

联系我们

  • 地址: 上海市松卫北路295号陆国时代大厦911室
  • 电话: 138-1875-0604
  • QQ咨询: 68409478
扫描二维码 关注我们官方微信 解决SEO建站问题
咨询电话

4008-517-208

周一至周六9:00-18:00

地区分站

(c) 2017-2018 百橙网 站 沪ICP备15052651号-11