解决web项目发布新版本需要清除浏览器缓存的问题

解决的方案有三种：
1、用户自行清理浏览器缓存。
2、使用禁用缓存标签，实现禁用浏览器缓存。
3、为js和css文件添加版本号。

2.1 第一种方式
用户自行清理游览器缓存。这个不太现实，老总受不了。

2.2 第二种方式
在html页面的head 头中添加如下代码：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Cache" content="no-cache">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

2.3 第三种方式
在引用的静态文件后添加版本号参数，这个参数可以是时间戳或者随机数。处理方式的代码如下：

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugins/layui-v2.5.5/layui/css/layui.css?v=20200110052406">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/style.css?v=20200110052406">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/addStyle.css?v=20200110052406">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/template/addStyle.css?v=20200110052406">
 

对于页面我们还是希望有缓存的，这样可以减轻服务器的压力，加快响应时间。需要解决的问题是：每次发布新版本重新部署后，第一次访问获取的是最新的静态资源，下次访问在走游览器的缓存。

综合上述分析，选用第三种方式：加版本号

如果打war包，可以通过使用maven插件：maven-replacer-plugin来完成，这种方式不需要手动去改代码。

<properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>1.8</java.version>
        <!-- 版本号样式-->
        <maven.build.timestamp.format>yyyyMMddHHmmss</maven.build.timestamp.format>
</properties>



<!--清除浏览器缓存-->
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-war-plugin</artifactId>
                <version>3.0.0</version>
                <configuration>
                    <!-- 使用缓存 -->
                    <useCache>true</useCache>
                </configuration>
                <executions>
                    <!-- 在打包之前执行，打包后包含已经执行后的文-->
                    <execution>
                        <id>prepare-war</id>
                        <phase>prepare-package</phase>
                        <goals>
                            <goal>exploded</goal>
                        </goals>
                    </execution>
                </executions>
            </plugin>
            <plugin>
                <groupId>com.google.code.maven-replacer-plugin</groupId>
                <artifactId>replacer</artifactId>
                <version>1.5.3</version>
                <executions>
                    <execution>
                        <phase>prepare-package</phase>
                        <goals>
                            <goal>replace</goal>
                        </goals>
                    </execution>
                </executions>
                <configuration>
                    <!-- 自动识别到项目target文件夹 -->
                    <basedir>${build.directory}</basedir>
                    <!-- 替换的文件所在目录或文件规则 -->
                    <includes>
                        <include>${build.finalName}/WEB-INF/views/assess/assess-list.jsp</include>
                    </includes>
                    <!-- 更改规则，在css/js文件末尾追加?v=时间戳，反斜杠表示字符转义 -->
                    <replacements>
                        <replacement>
                            <token>\.css\"</token>
                            <value>.css?v=${maven.build.timestamp}\"</value>
                        </replacement>
                        <replacement>
                            <token>\.css\'</token>
                            <value>.css?v=${maven.build.timestamp}\'</value>
                        </replacement>
                        <replacement>
                            <token>\.js\"</token>
                            <value>.js?v=${maven.build.timestamp}\"</value>
                        </replacement>
                        <replacement>
                            <token>\.js\'</token>
                            <value>.js?v=${maven.build.timestamp}\'</value>
                        </replacement>
                    </replacements>
                </configuration>
            </plugin>

${build.finalName}/WEB-INF/views/assess/assess-list.jsp 代表需要替换的页面的具体位置，可以配置多个include，代表修改多个页面
也可以使用 ${build.finalName}/WEB-INF/jsp/*.html 来替换所有jsp目录下所有html文件。

对于打jar包的web服务，使用全局替换。主要有4种情况：

.js"  替换成  .js?v=20200110052406"
.js'  替换成  .js?v=20200110052406'

.css"  替换成  .css?v=20200110052406"
.css'  替换成  .css?v=20200110052406'

第二次，修改版本就方便多了

?v=20200110052406  替换成  ?v=20221110052406

参考：

解决web项目发布新版本需要清除浏览器缓存的问题_前端项目发版之后清除浏览器缓存-CSDN博客