Servlet项目部署Tomcat后图片无法加载，本地打开正常，求正确引用方式

算力阿峰

2026-6-12

解决Servlet项目部署Tomcat后图片无法加载的问题

先排查部署结构问题

首先确认项目部署到Tomcat后，webapps/MyApp目录下的结构和本地完全一致：

MyApp/
    asset/
        images/
            headerlogo.png
    index.html

如果是war包部署，要确保war解压后包含上述所有文件；如果是直接部署文件夹，确认文件夹名称为MyApp（对应访问的上下文路径）。

正确的图片引用方式

1. 页面相对路径（推荐）

因为index.html和asset目录同级，直接使用相对于当前HTML文件的路径即可：

<img src="asset/images/headerlogo.png" alt="网站头部logo">

部署后该路径会自动解析为http://localhost:8080/MyApp/asset/images/headerlogo.png，只要结构正确就能正常加载。

2. Web应用根相对路径

以/开头，明确指定相对于Web应用根目录的路径（需带上上下文路径MyApp）：

<img src="/MyApp/asset/images/headerlogo.png" alt="网站头部logo">

注意：如果后续项目的上下文路径修改（比如改成MyWebApp），所有引用路径都需要手动调整。

3. 动态获取上下文路径（Servlet适配方案）

如果页面是通过Servlet转发或输出的，可以动态获取上下文路径，避免硬编码：

// 在Servlet的doGet/doPost方法中
String contextPath = request.getContextPath();
// 直接输出HTML内容时
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<img src=\"" + contextPath + "/asset/images/headerlogo.png\" alt=\"网站头部logo\">");