Thymeleaf模板引擎绕过浏览器缓存加载静态资源js,css文件


浏览器会缓存相同文件名的css样式表或者javascript文件。这给我们调试带来了障碍,好多时候修改的代码不能在浏览器正确显示。

静态常见的加载代码如下:

<link rel="stylesheet" href="/css/all.css">
<script src="/js/main08.js"></script>

我们可以在加载静态资源的,每次向服务器发送一个新的请求。来加载新的资源文件。做法如下

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en" th:with="unixstamp=${#dates.createNow().time}">

<link rel="stylesheet" th:href="@{'/css/all.css'(v=${unixstamp})}">

这样每次请求就会加载最新的样式表和javascript文件了,亲测有效。工作比较忙,时间关系,不再准备详细的文案。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM