使用th:href在spring mvc中使用thymeleaf引用.css文件

时间:2015-12-02 16:59:00

标签: html css spring-mvc thymeleaf

我的index.html百万美元页面出现了,但我找不到页面上引用的CSS。

<link href="../css/bootstrap.min.css" rel="stylesheet" th:href="@{/css/bootstrap.min.css}" type="text/css"/>

以下是部署的WAR在Tomcat中的样子: enter image description here

index.html位于模板文件夹中。

但我在Chrome控制台中收到以下错误:

  

获取http://localhost:8080/pocApp/css/bootstrap.min.css 404(未找到)

如果我能把index.html页面弄好,为什么百万富翁servlet不能找到该文件?我已经尝试将整个css目录粘贴到目录结构中的各个位置,例如在WEB-INF和WEB-INF / classes中,没有运气。

1 个答案:

答案 0 :(得分:1)

这个网站正在迅速成为我的橡皮鸭,因为这是我自己回答的第二个问题。

在我的Spring 4 Java Config中,我有这个:

public class SpringWebConfig extends WebMvcConfigurerAdapter {

@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/resources/**")
            .addResourceLocations("/resources/");
}

所以我只需要重新构建我的目录并更改样式表URL。

新目录结构: enter image description here

来自index.html的新代码片段

<link href="../resources/css/bootstrap.min.css" rel="stylesheet" th:href="@{/resources/css/bootstrap.min.css}" type="text/css"/>