js緩存問題，修改js后代碼不生效

問題描述

　　最近在上線新版本項目的時候，發現有的用戶的操作還是調用的老版本JS里面的內容，這樣就造成原來新的JS里面加上的限制不能限制用戶的操作，從而導致用戶可以重復操作。

問題產生原因

　　如果在用戶之前已經訪問過系統，那么瀏覽器中會緩存該系統的CSS、JS，這些CSS、JS緩存未過期之前，瀏覽器只會從緩存中讀取CSS和JS，如果在服務器上修改了css和js，那么這些修改在用戶的瀏覽器中是不會有變化的。

解決方案

解決方式一：

用戶按Ctrl + F5強制刷新頁面或者手動清空了瀏覽器的緩存。此時瀏覽器會重新向服務器獲取CSS和JS文件,新的文件便會生效。

解決方式二：

       但是用戶量過大的時候總不能讓每個用戶一一清理緩存吧，於是便從代碼的角度着手解決這個問題。在js后面添加版本號，讓瀏覽器把這個JS文件當做新的文件重新向服務器獲取資源。

加版本號之前：

<script type="text/javascript" th:src="@{/js/test/index.js}"></script>

加版本號之后：

<script type="text/javascript" th:src="@{/js/test/index.js?v=1.0}"></script>

此時問題解決，CSS與上類似。

問題延伸：

   但是JS文件或CSS過多的情況下需要一個一個的去修改版本號，會花費大量的時間，這個時候需要怎么操作呢？？？

 

<script type="text/javascript" src="/js/common.js?t={{date("Y-m-d")}}" ></script> 使用日期，重新請求服務器。

<script type="text/javascript" src="/js/common.js?t={{time()}}" ></script> 使用時間戳
<script type="text/javascript" >loadJs("http://localhost:8081/static/html/convention.js.js?timestamp="+Math.random(),null);</script>

 

<!-- 需要引入Date日期函數類->
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="java.util.*"%>

<script type="text/javascript" src="<%=request.getContextPath() %>/js/sign/contactList.js?v=<%=new Date().getTime() %>" charset="UTF-8"></script>