JS、CSS文件按需緩存

用戶反饋網站出現問題，修改js、css文件上線後，刷新頁面後js並未加載修改後的js、css，使用的還是本地緩存的js、css代碼。強制刷新一般就會重新去服務器獲取新的js、css代碼。但不能讓用戶每次都這樣子去做。

如何才能讓瀏覽器使用最新的js、css文件呢？

• 在後面加一個版本號

<link rel="stylesheet" type="text/css" href="../css/common.css?v=1">
<script type="text/javascript" src="../js/common.js?v=1" ></script>

• 修改js、css的文件名

<link rel="stylesheet" type="text/css" href="../css/common1.css">
<script type="text/javascript" src="../js/common1.js" ></script>

• 在後面加上修改日期

<link rel="stylesheet" type="text/css" href="../css/common.css?t=20200514">
<script type="text/javascript" src="../js/common.js?t=20200514" ></script>

淘寶就是採用的加上修改日期。

這種方式既能緩存未修改的js、css，又可以實現重新加載新修改的js、css。

參考文獻：https://www.cnblogs.com/wangtao_20/p/4589898.html