Web静态资源处理方案

1. 背景说明

由于前端页面使用到了iframe，经常会出现JS/CSS更新之后，页面无法自动刷新以及按F5也无法刷新的问题，需要点击“重新加载框架”才能成功刷新页面。这会影响普通用户的使用。

 

2. 解决方案

问题原因，iframe缓存了静态资源文件，在F5刷新时并不会刷新iframe中的缓存。

解决思路，在每次发布时，修改静态资源的路径，使得访问新版本的页面时一定去下载新的资源文件。

 

3. 具体实现

 

1) 引入版本号的概念，在每次发布时修改版本号的信息。