如何在thymeleaf html中包含保存在静态文件夹中的js文件

时间:2019-05-08 12:40:59

标签: spring spring-boot spring-mvc thymeleaf

我正在使用 Spring Tool Suite 构建Spring Boot应用程序,并使用 thymeleaf 作为模板引擎。

文件夹结构如下:

src/main/resources/static  
src/main/resources/templates

HTML文件保存在src/main/resources/templates中 并且Javacript文件保存在src/main/resources/static

要在我的html中包含javascript文件,我添加了以下行:

<script type="text/javascript" th:src="@{../static/js/policyCreations.js}"></script>

但是我在chrome控制台中遇到了以下错误:

  

获取http://localhost:8082/static/js/policyCreations.js净值:: ERR_ABORTED 404

谁能帮我解决问题

1 个答案:

答案 0 :(得分:0)

根据官方文档:

  

Spring Boot将自动添加位于以下任何目录中的静态Web资源:

     
      
  • / META-INF / resources /
  •   
  • / resources /
  •   
  • / static /
  •   
  • / public /
  •   

因此可以直接引用静态文件夹中的所有文件,而无需指定静态文件夹名称。

赞:

<script type="text/javascript" th:src="@{/js/policyCreations.js}"></script>