springboot html引入js、css失效和没有用原因解决

springboot scr的resouces下有两个文件夹 static 和templates，第一个是放静态资源的文件,js css还有图片等，如果在static目录下建的html页面，那么和普通工程引入js css一样的做法一样就能成功，但是如果html界面是在templates下面的话，引入js css就无效了，不用担心只需两个步骤就可以解决这个问题

1、在pom中引入

   org.springframework.boot
   spring-boot-starter-thymeleaf

有些人引入该文件后工程无法启动，因为你在pom中引入了thymleaf的版本了，会冲突，去除掉就好了

2、在static建立你的css,比如index.css，这时候你就可以在templates下件一个html  index.html界面，

在头部引入

html>
lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

同时引入css文件

rel="stylesheet" type="text/css" th:href="@{/index.css}">

3、启动工程就可以看到页面效果了，注意这里的templates要用Controller去访问不能直接访问界面

引入js

src
  └─main
     ├─java
     └─resources
         ├─static
         │  ├─css
         │  ├─img
         │  └─js
         │    └─test.js
         └─templates

在模板中引用test.js, 你引用的地址应当为/js/test.js，换成thymeleaf的属性则应当为th:src="@{/js/test.js}"，其中的绝对地址可以换成相对地址。