使用Thymeleaf在Spring Boot中加载静态资源

Question

我想用thymeleaf来制作页面。 但我对静态文件有一些问题。 我调查过的问题（ 1 ， 2 ， 3有类似的问题），但它并没有帮助我。

我在应用程序中使用Spring Boot框架。 我的文件看起来像：

的test.html

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <script src="js/test.js" th:src="@{/test.js}"/>
</head>
<body>
<button onclick="testFunction('test value')">Button</button>
</body>
</html>

test.js

function testFunction(test) {
    console.log(test);
}

配置类

@Configuration
@EnableWebMvc
public class WebMvcConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations("classpath:/static/js/");
        super.addResourceHandlers(registry);
    }
}

和问题，当我加载没有加载javascript的test.html文件。

@GetMapping(value = "web/test")
public String getTestHtmlPage() {
    return "test";
}

/api/v1是application.properties => server.servlet-path=/api/v1

我做错了什么？ 你能帮助我吗？

谢谢大家！

Answer 1

为了更好地理解registry.addResourceHandler("/**").addResourceLocations("classpath:/static/js/");

我在这里写了一个更全面的答案，讨论了无效的资源位置映射。 它没有收到任何赞成票，所以我希望它并不可怕。 :-)

简而言之，通过映射classpath:/static/js/的方式classpath:/static/js/ ，然后访问/js/test.js ，你告诉Spring查看/static/js/js/test.js 。

你可能想要的是classpath:/static/ 。 在这种情况下，当您尝试访问/js/test.js ，它会在/static/js/test.js查找该文件。

至于Thymeleaf，我从来没有使用它，但文档表明你应该用th:src而不是th:href加载脚本。 th:href似乎只适用于HTML内容。

使用Thymeleaf在Spring Boot中加载静态资源

问题描述

1 个解决方案

解决方案1
5 已采纳 2017-03-08 14:31:16

使用Thymeleaf在Spring Boot中加载静态资源

问题描述

1 个解决方案

解决方案1 5 已采纳 2017-03-08 14:31:16

解决方案1
5 已采纳 2017-03-08 14:31:16