Spring Boot中已授权img目录但图片资源无法加载问题求助

听起来你遇到了挺典型的静态资源加载小坑——JS/CSS都能正常加载，唯独img目录的图片显示破损，而且明明已经在WebSecurityConfig里开了权限对吧？我来帮你一步步排查解决：

1. 先把Thymeleaf的路径写法改对 #

Thymeleaf对静态资源有专属的路径语法，别用普通HTML的相对路径，试试这两种标准写法：

• 普通img标签（推荐用Thymeleaf的@{}语法，自动处理上下文路径）：

  <img th:src="@{/img/image.png}" alt="示例图片">
  

  比如你的应用有上下文根（比如/my-app），这个语法会自动拼接成/my-app/img/image.png，避免路径错位。
• 如果是在style里引用背景图：

  <div th:style="'background-image: url(' + @{/img/image.png} + ');'"></div>
  

2. 检查WebSecurityConfig的配置顺序 #

Spring Security的规则是从上到下匹配，匹配到就停止，如果/img/**的允许规则放在了需要认证的规则后面，就会直接被拦截。确保你的配置顺序是这样的：

@Override
protected void configure(HttpSecurity http) throws Exception {
    http
        .authorizeRequests()
            .antMatchers("/css/**", "/js/**", "/img/**", "/uploads/**", "/favicon.ico").permitAll() // 先放允许所有的规则
            .anyRequest().authenticated() // 再放需要登录才能访问的规则
            .and()
        // 其他如登录、logout的配置...
}

另外可以临时关闭CSRF防护排查（不建议长期关闭，仅用于定位问题）：

http.csrf().disable();

3. 直接验证资源的可访问性 #

启动应用后，在浏览器地址栏直接访问http://localhost:8080/img/image.png（如果有上下文根就加上，比如http://localhost:8080/your-app/img/image.png）：

• 如果返回403：说明Security权限配置还是有问题，检查antMatchers的路径拼写（比如大小写？Linux服务器上路径是区分大小写的）。
• 如果返回404：说明Spring Boot没找到资源，检查：
  • 图片是不是真的在src/main/resources/static/img/目录下？文件名有没有拼写错误？
  • 打包后的jar/war里有没有这个图片？有时候IDE编译问题会导致资源没被打包进去，解压看看就知道。
  • 有没有自定义静态资源路径？比如application.properties里加了spring.web.resources.static-locations，要确保classpath:/static/在配置列表里。

4. 看看浏览器控制台的错误提示 #

按F12打开开发者工具，切到Network标签页，看图片请求的状态码：

• 403：回到Security配置排查权限。
• 404：检查文件路径和资源是否存在。
• 500：看后端日志找服务器内部错误原因。

5. 试试清空浏览器缓存 #

有时候浏览器会缓存旧的404/403响应，按Ctrl+F5强制刷新页面，或者清空缓存后再试。

内容的提问来源于stack exchange，提问作者Abbas Tolgay Yılmaz