1. 背景说明
由于前端页面使用到了iframe,经常会出现JS/CSS更新之后,页面无法自动刷新以及按F5也无法刷新的问题,需要点击“重新加载框架”才能成功刷新页面。这会影响普通用户的使用。
2. 解决方案
问题原因,iframe缓存了静态资源文件,在F5刷新时并不会刷新iframe中的缓存。
解决思路,在每次发布时,修改静态资源的路径,使得访问新版本的页面时一定去下载新的资源文件。
3. 具体实现
1) 引入版本号的概念,在每次发布时修改版本号的信息。