admin管理员组

文章数量:1130349

记录客户反馈问题之浏览器缓存问题

客户描述前端版本上新之后本地浏览器还是历史版本,没有变化,针对这个问题首先得了解一下浏览器的缓存机制

1.浏览器缓存机制

浏览器缓存机制就是所说的http缓存机制,其机制是根据http报文的缓存标识进行的,所以在分析浏览器缓存机制之前,先可以了解下http报文,http报文分两种:

http请求(request)报文(请求行[通用信息头]+请求头+请求体)

图解:

http响应(response)报文(响应行,响应头+响应体)

图解:

注:HTTP头(通用信息头)指的是请求和响应报文都支持的头域,

分别为Cache-Control、Connection、Date、Pragma、Transfer-Encoding、Upgrade、Via;实体头则是实体信息的实体头域,分别为Allow、Content-Base、Content-Encoding、Content-Language、Content-Length、Content-Location、Content-MD5、Content-Range、Content-Type、Etag、Expires、Last-Modified、extension-header。这里只是为了方便理解,将通用信息头,响应头/请求头,实体头都归为了HTTP头。

剩下的问题去看看这个:浏览器缓存带来的前端项目更新问题及解决方法_feiyu_may的博客-CSDN博客_前端开发浏览器缓存怎么解决先说一个前端开发中会遇到的问题,我们更新已上线的项目,用户的浏览器显示的却是旧版的页面,没有及时获取到我们更新的资源,这是什么原因造成的?此时,如果用户刷新一下页面,就得到更新后的资源,又是为什么? 答案是浏览器缓存 浏览器缓存是前端优化的一个重要问题,缓存可以带来很多好处: (1)减少冗余的数据传输,节省带宽; (2)减轻服务器的请求负担,有缓存就...https://blog.csdn/feiyu_may/article/details/88376945

 记录下来 下次避免

记录客户反馈问题之浏览器缓存问题

客户描述前端版本上新之后本地浏览器还是历史版本,没有变化,针对这个问题首先得了解一下浏览器的缓存机制

1.浏览器缓存机制

浏览器缓存机制就是所说的http缓存机制,其机制是根据http报文的缓存标识进行的,所以在分析浏览器缓存机制之前,先可以了解下http报文,http报文分两种:

http请求(request)报文(请求行[通用信息头]+请求头+请求体)

图解:

http响应(response)报文(响应行,响应头+响应体)

图解:

注:HTTP头(通用信息头)指的是请求和响应报文都支持的头域,

分别为Cache-Control、Connection、Date、Pragma、Transfer-Encoding、Upgrade、Via;实体头则是实体信息的实体头域,分别为Allow、Content-Base、Content-Encoding、Content-Language、Content-Length、Content-Location、Content-MD5、Content-Range、Content-Type、Etag、Expires、Last-Modified、extension-header。这里只是为了方便理解,将通用信息头,响应头/请求头,实体头都归为了HTTP头。

剩下的问题去看看这个:浏览器缓存带来的前端项目更新问题及解决方法_feiyu_may的博客-CSDN博客_前端开发浏览器缓存怎么解决先说一个前端开发中会遇到的问题,我们更新已上线的项目,用户的浏览器显示的却是旧版的页面,没有及时获取到我们更新的资源,这是什么原因造成的?此时,如果用户刷新一下页面,就得到更新后的资源,又是为什么? 答案是浏览器缓存 浏览器缓存是前端优化的一个重要问题,缓存可以带来很多好处: (1)减少冗余的数据传输,节省带宽; (2)减轻服务器的请求负担,有缓存就...https://blog.csdn/feiyu_may/article/details/88376945

 记录下来 下次避免

本文标签: 缓存浏览器