thymeleaf页面配置css、js的静态资源路径问题

thymeleaf页面配置css、js的静态资源问题

Spring Boot默认静态资源是放在static目录下的，而使用thymeleaf在页面中配置静态资源时，默认是采用static目录的相对位置@{/}，起始位置的反斜杠 “/” 代表的是static目录

页面静态资源配置正确例子如下：

<link rel="stylesheet" th:href="@{https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css}">
<link rel="stylesheet" th:href="@{/css/animate.css}">
<link rel="stylesheet" th:href="@{/lib/prism/prism.css}">
<link rel="stylesheet" th:href="@{/lib/tocbot/tocbot.css}">
<link rel="stylesheet" th:href="@{/css/typo.css}">
<link rel="stylesheet" th:href="@{/css/me.css}">
<script th:src="@{/js/jquery.js}">script>
<script th:src="@{/js/semantic.js}">script>
<script th:src="@{/js/jquery.scrollto.js}">script>
<script th:src="@{/lib/prism/prism.js}">script>
<script th:src="@{/lib/tocbot/tocbot.js}">script>
<script th:src="@{/lib/qrcode/qrcode.js}">script>
<script th:src="@{/lib/waypoints/jquery.waypoints.min.js}">script>

以下是错误例子：

<link rel="stylesheet" th:href="@{css/animate.css}">
<script th:src="@{js/jquery.js}">script>

错误原因：路径起始位置默认必须以反斜杠 ”/“ 开头，代表static目录下的静态资源文件