前言:项目更新后JS,CSS文件常出现缓存问题,代码已更改,但在有些客户端不会立即生效
解决方案:加时间戳
但是加时间戳也有不同的方案,手动加太麻烦,不过可以快速处理问题。
jsp页面:
<% String dateTime = org.apache.commons.lang.time.DateFormatUtils.format(java.util.Calendar.getInstance(), "yyyyMMddHHmmss"); %> <script type="text/javascript" src="/js/xx.js?v=<%=dateTime%>"></script>
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
ftl页面(FreeMarker模板文件):
<script type="text/javascript" src="/js/xx.js?v=${.now}"></script>
上面两种方法也有问题,在代码没有更新的情况下,每次用户访问页面也都要重新拉取静态文件。而且html页面是没有上面两种写法的。
还有一种方法是访问后台路由时返回时间戳。侵入性太强,而且同样存在上面的问题。
一种较为通用的写法:
<script>document.write("<script type=‘text/javascript‘ src=‘/js/xx.js?v=" + Date.now() + "‘><\/script>");</script>
控制版本号:TODO
参考博客:
html里script标签src自动加上时间戳,降低缓存影响 - lllo3o的博客 - CSDN博客
https://blog.csdn.net/lllo3o/article/details/78292663
HTML页面自动清理js、css文件的缓存(自动添加版本号) - sinat_29740819的博客 - CSDN博客
https://blog.csdn.net/sinat_29740819/article/details/72875811
原文地址:https://www.cnblogs.com/huashengweilong/p/10808738.html
时间: 2024-10-19 15:42:13