Spring Boot项目CSS样式不生效问题求助（404错误）

核心问题分析 #

你遇到的GET http://localhost:8010/static/css/topbar.css net::ERR_ABORTED 404错误，根源是静态资源路径引用错误。Spring Boot默认将src/main/resources/static作为静态资源的根目录，访问该目录下的文件时，URL不需要携带/static前缀——你当前的引用路径多了一层/static，导致服务器找不到对应文件。

快速修复方案 #

修改header.html中的CSS引用路径，去掉/static前缀：

<head th:fragment="header">
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" th:href="@{/css/topbar.css}"/>
</head>

额外检查项 #

如果修复后仍未生效，可逐一排查：

• 确认文件路径：确保src/main/resources/static/css/topbar.css文件存在，文件名（包括大小写）与引用完全匹配（Linux环境下文件名区分大小写）
• 验证Thymeleaf依赖：确保项目pom.xml（Maven）或build.gradle（Gradle）中已正确引入Thymeleaf依赖，保证th:href语法能被解析
• 清理浏览器缓存：按Ctrl+F5强制刷新页面，避免浏览器缓存旧的错误路径

内容的提问来源于stack exchange，提问作者mayu kobi