我想让你看看 Thymeleaf 的文档标准 URL 语法 http://www.thymeleaf.org/doc/articles/standardurlsyntax.html特别是上下文相关和服务器相关的 url 模式。
上下文相关 URL:
如果你想链接你的网络应用程序中的资源那么你应该使用
上下文相对 url。这些是应该是的 URL
相对于 Web 应用程序根目录,一旦安装到
服务器。例如,如果我们将 myapp.war 文件部署到 Tomcat 中
服务器,我们的应用程序可能可以通过以下方式访问http://localhost:8080/myapp http://localhost:8080/myapp, and myapp将是上下文名称。
作为 JB Nizet,以下内容将对您有用,因为我亲自在 web 应用程序项目中使用了 thymeleaf,
<img th:src="@{/images/test.png}"/>
test.png 应该位于项目根目录下的 webapp 文件夹中。一些东西大致就像这样,
Myapp->webapp->images->test.png
Eg:
<img th:src="@{/resources/images/Picture.png}" />
输出为:
<img src="/resources/image/Picture.png" />
当你击中http://localhost:8080/myapp/resources/images/Picture.png
在您的浏览器中,您应该能够访问该图像以使上述语法起作用。您的资源文件夹可能位于应用程序的 webapp 文件夹下。
服务器相对 URL:
服务器相对 URL 与上下文相对 URL 非常相似,除了
他们不假设您希望您的 URL 链接到资源
在应用程序的上下文中,因此允许您链接到
同一服务器中的不同上下文
Syntax:
<img th:src="@{~/billing-app/images/Invoice.png}">
输出为:
<a href="/billing-app/showDetails.htm">
上面的图像将从与您的上下文不同的应用程序加载,并且如果应用程序名为billing-app
存在于您的服务器中。
来源:Thymeleaf 文档 http://www.thymeleaf.org/doc/articles/standardurlsyntax.html