Thymeleaf中CSS默认端点生效，自定义端点失效问题求助

问题原因 #

当你给FlashcardController添加@RequestMapping("api/v1/flashcards")后，页面访问路径变成了localhost:8080/api/v1/flashcards层级。此时未加根斜杠的@{css/style.css}会被解析为相对当前路径的/api/v1/flashcards/css/style.css，但你的CSS实际放在根目录的静态资源路径下（比如/css/style.css），导致服务器找不到资源，样式失效。

另外，如果@GetMapping的produces参数配置不当，比如错误返回纯文本而非Thymeleaf视图，也会导致模板解析异常，资源引用失效。

解决办法 #

1. 改为绝对路径引用CSS #

将模板中的CSS引用修改为带根斜杠的绝对路径，这样不管当前页面的URL层级如何，都会从服务器根目录开始查找静态资源：

<link rel="stylesheet" th:href="@{/css/style.css}" />

2. 确认静态资源配置正确 #

Spring Boot默认会从以下目录加载静态资源：

• classpath:/static/
• classpath:/public/
• classpath:/resources/
• classpath:/META-INF/resources/

确保你的CSS文件放在src/main/resources/static/css/style.css下，若自定义了静态资源路径，需在application.properties或application.yml中配置正确：

# 示例：自定义静态资源路径
spring.web.resources.static-locations=classpath:/my-static/

3. 检查@GetMapping的produces配置 #

如果使用produces参数，确保控制器方法返回的是Thymeleaf视图名称，而非纯文本内容。正确写法如下：

import org.springframework.http.MediaType;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("api/v1/flashcards")
public class FlashcardController {

    @GetMapping(produces = MediaType.TEXT_HTML_VALUE)
    public String showFlashcards(Model model) {
        // 向模型添加闪卡数据
        model.addAttribute("flashcards", /* 你的数据 */);
        return "flashcard"; // 返回templates目录下的flashcard.html视图名称
    }
}

如果误将方法返回类型设为String却直接返回文本内容（而非视图名），Thymeleaf不会渲染模板，资源引用自然无法解析。

内容的提问来源于stack exchange，提问作者saba morchilashvili