IE浏览器因缓存问题未能成功向后端发送请求的几个解决办法

简介: 这段时间前后端联调,解决IE、谷歌等浏览器兼容问题,真是让人有点焦头烂额,各种奇葩问题层出不穷,旧问题刚去,新麻烦又来,其中尤其以IE浏览器缓存的问题最多。有若干次都是因为这个缓存,使得前端的请求没有实际到达后台,造成304状态码。经过前端同事和我的各种尝试,发现有三四种办法可以针对不同的情况解决这个问题。方法一:在网上一搜“html设置不缓存”就会看到大部分的答案都是这个,那就是在
这段时间前后端联调,解决IE、谷歌等浏览器兼容问题,真是让人有点焦头烂额,各种奇葩问题层出不穷,旧问题刚去,新麻烦又来,其中尤其以IE浏览器缓存的问题最多。有若干次都是因为这个缓存,使得前端的请求没有实际到达后台,造成304状态码。

经过前端同事和我的各种尝试,发现有三四种办法可以针对不同的情况解决这个问题。

方法一:
在网上一搜“ html设置不缓存 ”就会看到大部分的答案都是这个,那就是在之前的一篇博文《同前端联调遇到的坑(二)》中也说过的当时没起作用的方法,在html请求时加上如下代码:
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
这个方法虽然上次没有起作用,但是在之前的一些应用中却是起过作用的。


方法二:
因为上边的方法一在上次的联调中失效,后来几经尝试下便找到了另一个方法,便也是《同前端联调遇到的坑(二)》中说过的把get请求改为了post请求,这个就没有什么多的可说。加入有朋友遇到方法一失效的情况,或许可以一试。


方法三:
虽然方法二解决了上次的那个问题,但是当今天在另一个模块再次遇到相似的问题时,却无奈的发现,不仅方法一失效,方法二竟然也同样的失效了。于是一番折腾下,再次找到新的解决办法,那便是在请求对应的后台代码中加入如下内容:
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Pragma", "no-cache");
response.setDateHeader("Expires", -1);


方法四:
至于方法四,实际上也是在解决方法三遇到的那个问题时一起试过的,效果差不多,那就是当这个请求是get请求是,在url后加上变化的参数值,例如:http://localhost:8080/test?time=123456,这样浏览器每次都会认为是一个全新的请求,便会真正的去到后台。

据前端同事说,应该还有方法五,是在angular的httpserver中加入一段代码,因为据说有些麻烦,因此便没有更多的了解。
目录
相关文章
|
4月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
2月前
|
缓存 监控 测试技术
如何利用浏览器的缓存来优化网站性能?
【10月更文挑战第23天】通过以上多种方法合理利用浏览器缓存,可以显著提高网站的性能,减少网络请求,加快资源加载速度,提升用户的访问体验。同时,要根据网站的具体情况和资源的特点,不断优化和调整缓存策略,以适应不断变化的业务需求和用户访问模式。
112 7
|
2月前
|
Web App开发 缓存 UED
如何设置浏览器的缓存策略?
【10月更文挑战第23天】通过合理地设置浏览器的缓存策略,可以在提高网页性能、减少网络流量的同时,确保用户能够获取到最新的内容,从而提升用户体验和网站的性能优化效果。
138 4
|
3月前
|
存储 缓存 JSON
vue2知识点:浏览器本地缓存
vue2知识点:浏览器本地缓存
53 2
|
4月前
|
缓存 JavaScript 中间件
优化Express.js应用程序性能:缓存策略、请求压缩和路由匹配
在开发Express.js应用时,采用合理的缓存策略、请求压缩及优化路由匹配可大幅提升性能。本文介绍如何利用`express.static`实现缓存、`compression`中间件压缩响应数据,并通过精确匹配、模块化路由及参数化路由提高路由处理效率,从而打造高效应用。
210 15
|
3月前
|
JavaScript 前端开发
|
3月前
|
缓存 JavaScript CDN
一次js请求一般情况下有哪些地方会有缓存处理?
一次js请求一般情况下有哪些地方会有缓存处理?
47 4
|
3月前
|
前端开发 Java
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
文章介绍了如何使用SpringBoot创建简单的后端服务器来处理HTTP请求,包括建立连接、编写Controller处理请求,并返回响应给前端或网址。
64 0
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
|
4月前
|
安全 Shell
关于双击桌面上的IE图标却显示“打开方式”对话框的解决办法
关于双击桌面上的IE图标却显示“打开方式”对话框的解决办法
|
4月前
|
JSON JavaScript 前端开发
js请求后端9
js请求后端9
48 2