Spring MVC静态资源引入失效：无法加载HTML背景图求排查

嘿，我来帮你搞定这个背景图片加载的问题！结合你提供的项目结构、代码和输出结果，我整理了几个最可能的原因和解决办法：

一、静态资源被DispatcherServlet拦截了 #

从你的web.xml配置来看，DispatcherServlet的映射路径是/，这意味着它会接管所有请求——包括你的图片这类静态资源请求。Spring MVC默认不会自动处理静态资源，所以需要在Spring的配置文件（比如spring-servlet.xml）里加上静态资源映射：

<mvc:resources mapping="/resources/**" location="/resources/"/>

这段配置的意思是：所有以/resources/开头的请求，都去webapp/resources/目录下找对应的静态资源（图片、CSS、JS这些）。

二、HTML里的图片路径写错了 #

看你的HTML代码，背景图片的路径写法可能有问题。因为你的HTML文件放在WEB-INF/views目录下，相对路径是相对于当前HTML文件的位置，所以如果写url("resources/images/background.jpg")，实际请求的路径会是/WEB-INF/views/resources/images/background.jpg，这显然不对！

正确的写法应该用绝对路径（以/开头，指向Web应用的根目录）：

background-image: url("/resources/images/background.jpg");

这样浏览器就会直接去webapp/resources/images/下找图片了。

三、额外的排查小技巧 #

• 检查文件名和大小写：确认图片文件名完全匹配，比如.jpg不要写成.JPG——Linux服务器上是区分大小写的，本地Windows不区分，但部署到服务器就会出问题。
• 用浏览器开发者工具看请求：按F12打开开发者工具，切换到「Network」标签，刷新页面后看图片请求的状态：
  • 如果是404：路径错了或者图片没放对位置；
  • 如果是403：服务器没有读取图片文件的权限，需要调整文件权限。

按照上面的步骤改完，应该就能正常加载背景图片啦！

内容的提问来源于stack exchange，提问作者Rishi Anand