Spring Boot+Security+Websocket：Webjars资源因MIME类型不匹配被拦截

1. 检查Spring Boot与Webjars自动配置兼容性 #

确保Spring Boot版本和Webjars依赖版本匹配，若自定义了WebMvcConfigurer，需显式添加Webjars资源映射，避免覆盖默认配置：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/webjars/**")
                .addResourceLocations("classpath:/META-INF/resources/webjars/");
        // 补充本地静态资源映射
        registry.addResourceHandler("/**")
                .addResourceLocations("classpath:/static/", "classpath:/public/");
    }
}

2. 完善SecurityFilterChain放行规则 #

除放行静态资源路径，还需避免不必要的拦截（如CSRF），防止过滤器篡改响应头：

@Bean
public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
    http
        .authorizeHttpRequests(auth -> auth
            .requestMatchers("/webjars/**", "/static/**", "/public/**").permitAll()
            .anyRequest().authenticated()
        )
        .csrf(csrf -> csrf
            .ignoringRequestMatchers("/webjars/**", "/static/**")
        );
    return http.build();
}

3. 验证Webjars依赖配置 #

确保pom.xml中Webjars依赖的<scope>为默认compile，避免资源打包时被遗漏：

<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.6.4</version>
</dependency>

4. 强制刷新并直接验证资源 #

按Ctrl+Shift+R清除浏览器缓存，然后在地址栏直接访问Webjars资源（如http://localhost:8080/webjars/jquery/3.6.4/jquery.min.js），查看响应头的Content-Type是否正常（如application/javascript）。若仍为空，说明服务器端配置存在问题。

5. 排查自定义Filter的影响 #

检查项目中自定义的Filter，确保未覆盖或清空Content-Type响应头，调用chain.doFilter(request, response)时正常传递响应对象。

6. 规范Thymeleaf资源引用 #

使用Thymeleaf的@{}语法生成资源路径，避免手动拼接导致路径解析错误：

<script th:src="@{/webjars/jquery/3.6.4/jquery.min.js}"></script>
<link th:href="@{/webjars/bootstrap/5.3.0/css/bootstrap.min.css}" rel="stylesheet">

内容的提问来源于stack exchange，提问作者Barry S