关于Thymeleaf中不加载CSS遇到的小坑

1. 首先检查是否写了头部

注意这段代码是否写在了头部位置

2.检查是否写了th路径

一般我们在写CSS文件

写成这样就OK了 但是对于Themeleaf来说我们还需要写上 th:href="@{/css/base.css}" 如图：

这样的写法就正确了

我踩得坑！！！

一开始我的th中文件写的和html中的href一样，结果死活加载不出来CSS文件
后来将…/static/删除后就好了

刨根问底

首先这是错误的写法情况下不加载CSS文件
在Chrome中进入开发者模式

尝试进入base.css文件结果是显示

此地址并没有正确的显示CSS文件

而在正确url模式下是可以正常加载的。

而在IDEA中，这种写法是无法转跳到CSS文件，提示未找到该文件。

原因是在source中是没有/static这个目录的。

根据惯性思维，我的JS文件按照CSS文件去写，果不其然又错了。

正确写法，在SpringBoot的请求中加载正常，但是在静态测试中测试不正常。