Springboot使用Thymeleaf时静态资源不起作用解决方法

Springboot使用Thymeleaf时静态资源不起作用解决方法

William
2022-02-22 / 0 评论 / 2 阅读 / 正在检测是否收录...

Springboot项目将HTML与CSS,JS都分别放入了resources文件夹下的templates与static文件夹下了。

Test

HTML中CSS与JS的引用部分需要做修改

JS部分,增加了 th:src="@{路径}",另外,图片的引用也需要添加

<script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js" th:></script>
<script th:src="@{/js/semantic.min.js}" src="../static/js/semantic.min.js"></script>

CSS部分,增加了 th:href="@{路径}"

    <link rel="stylesheet" href="../static/css/semantic.min.css" th:href="@{/css/semantic.min.css}">
    <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">

然后在 application.yml 中增加配置:

  web:
    resources:
      static-locations: classpath:/static/,classpath:/templates/

另外,最好也修改 thymeleaf 的缓存为 false

  thymeleaf:
    mode: HTML
    cache: false

最后rebuild一下项目,通常问题就解决了。

0

评论 (0)

取消