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文件了,亲测有效。工作比较忙,时间关系,不再准备详细的文案。

猜你喜欢

转载自www.cnblogs.com/passedbylove/p/10796439.html
今日推荐