[SPRING] IntelliJ Spring Boot 프로젝트가 Thymeleaf로 CSS 파일을 찾을 수 없습니다.
SPRINGIntelliJ Spring Boot 프로젝트가 Thymeleaf로 CSS 파일을 찾을 수 없습니다.
저는 Spring Boot를 처음 접했고 제 문제는 Spring Boot 프로젝트가 있고 Thymeleaf로 HTML 페이지를 보려고하지만 Spring이 JavaScript와 CSS 파일을 해결할 수 없다는 것입니다.
내 IDE 전체 그림 :
그것들은 제 Thymeleaf 구성입니다.
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
spring.thymeleaf.cache=true
이것은 내 HTML 페이지 머리입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head>
<title>404 Page</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta charset="UTF-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
<meta name="viewport" content="width=device-width"/>
<!-- Css Files Start -->
<link href="/src/main/resources/static/css/style.css" rel="stylesheet" type="text/css" media="screen"/><!-- All css -->
<link href="/src/main/resources/static/css/bs.css" rel="stylesheet" type="text/css" media="screen"/><!-- Bootstrap Css -->
<link rel="stylesheet" type="text/css" href="/src/main/resources/static/css/main-slider.css" media="screen"/><!-- Main Slider Css -->
<!--[if lte IE 10]>
<link rel="stylesheet" type="text/css" href="/static/css/customIE.css" media="screen"/><![endif]-->
<link href="/src/main/resources/static/css/font-awesome.css" rel="stylesheet" type="text/css" media="screen"/><!-- Font Awesome Css -->
<link href="/src/main/resources/static/css/font-awesome-ie7.css" rel="stylesheet" type="text/css" media="screen"/><!-- Font Awesome iE7 Css -->
<noscript>
<link rel="stylesheet" type="text/css" href="/static/css/noJS.css"/>
</noscript>
<!-- Css Files End -->
</head>
해결법
-
==============================
1.JavaScript 및 CSS 파일에 대한 상대 경로를 사용해야합니다.
JavaScript 및 CSS 파일에 대한 상대 경로를 사용해야합니다.
<link href="../../static/css/style.css" rel="stylesheet" type="text/css" media="screen"/>또는 th : href Thymeleaf의 태그를 사용할 수도 있습니다 :
<link th:href="@{css/style.css}" href="../../static/css/style.css" rel="stylesheet" type="text/css" media="screen"/>
from https://stackoverflow.com/questions/40452365/intellij-spring-boot-project-cant-find-my-css-files-with-thymeleaf by cc-by-sa and MIT license
'SPRING' 카테고리의 다른 글
| [SPRING] 스프링 보안에서 동일한 역할을하는 여러 사용자에 대한 액세스 거부 (0) | 2019.05.23 |
|---|---|
| [SPRING] jqGrid는 json을 가져 왔지만 빈 행과 데이터가 없습니다. (0) | 2019.05.23 |
| [SPRING] Spring int-xml : 노드 함수가있는 xpath-expression 오류 (0) | 2019.05.23 |
| [SPRING] 응용 프로그램 수준에서 Spring WebClient 호출 제한 (0) | 2019.05.23 |
| [SPRING] CSS와 이미지를 연결할 수 없습니다. (0) | 2019.05.23 |