Spring Boot Security项目中ThymeLeaf加载CSS文件异常求助

AI 小北

2026-7-8

Spring Boot登录后跳转异常显示CSS内容的解决方案

问题定位

登录成功后本该跳转到根路径，却显示CSS文件内容，链接变为localhost:8080/style.css?continue...，核心原因大概率是登录成功跳转逻辑被continue参数干扰，或是静态资源未被正确放行，导致请求被错误路由到静态资源路径。

具体解决步骤

修正Spring Security配置（若使用Security）
确保静态资源完全放行，同时强制登录成功后跳转到根路径，避免continue参数影响：

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
            .authorizeRequests()
                // 放行所有静态资源路径
                .antMatchers("/css/**", "/js/**", "/images/**").permitAll()
                .anyRequest().authenticated()
            .and()
            .formLogin()
                .loginPage("/login")
                // 第二个参数设为true，强制跳转到根路径，忽略continue参数
                .defaultSuccessUrl("/", true)
                .permitAll()
            .and()
            .logout()
                .permitAll();
    }
}

简化HTML中的CSS引入
移除原生href属性，仅保留Thymeleaf的th:href，避免浏览器在渲染前解析错误路径：
```
<link rel="stylesheet" media="all" th:href="@{/css/style.css}" type="text/css" />
```

明确登录控制器的跳转逻辑
在登录处理的Controller中，直接返回重定向到根路径，不依赖默认行为：

@Controller
public class LoginController {

    @PostMapping("/login")
    public String handleLogin() {
        // 明确重定向到根路径
        return "redirect:/";
    }
}