Spring boot WAR已部署到Tomcat,但静态资源缺少上下文

Question

应为:http://localhost:8080/spring-boot-war-context-issue/app/images/springboot.png

图像显示问题

它在使用嵌入式Tomcat时工作良好

然而，该问题中的建议似乎并没有解决我的问题。我不确定Tomcat xml文件。

我创建了一个简单的示例应用程序，并遵循了Spring Boot文档中的步骤。

在这个github repo中可以看到示例代码以及再现问题的步骤:https://github.com/jgraham0325/spring-boot-war-context-issue

• 在application.properties中设置contextPath，但这仅适用于嵌入式Tomcat
• 尝试使用Tomcat 7的新安装
• 尝试在tomcat中创建配置文件以强制上下文:apache-tomcat-7.0.72\conf\catalina\localhost\spring-boot-war-context-issule.xml

spring-boot-war-context-issule.xml的内容：

    <Context 
    docBase="spring-boot-war-context-issue" 
    path="spring-boot-war-context-issue" 
    reloadable="true" 
    />

任何建议都将非常感谢！

Answer 1

这难道不是您在index.html中定义url的方式造成的吗（url不包括上下文根):

<img src="/app/images/springboot.png" />

您应该能够使用相对uri（没有前导斜杠）：

<img src="app/images/springboot.png" />

>

如何从JavaScript获取contextPath（正确的方法）？

如何在不包含上下文根名的情况下使用相对路径？

使用JSP/JSTL：

<img src="${pageContext.request.contextPath}/app/images/springboot.png" />

或使用JavaScript：

function getContextPath() {
   return window.location.pathname.substring(0,  window.location.pathname.indexOf("/",2));
}
...
var img = new Image();
img.src = getContextPath() + "/app/images/springboot.png";
document.getElementById('div').appendChild(img);