반응형
Tymeleaf + CSS + Spring Boot
CSS와 Tymelaf에 문제가 있습니다.
Spring 부팅 앱에는 다음과 같은 구조가 있습니다.
- src/main/resource/static/css(css 파일의 경우)
- src/main/resource/static/filename(html 파일용)
ErrorPage라는 이름의 html 페이지와 Layout.css라는 이름의 css 파일을 사용하여 ErrorPage의 선두에 있는 Tymeleaf를 사용합니다.
<link href="../css/Layout.css" th:href="@{css/Layout.css}" type="text/css" />
하지만 이것은 효과가 없다.
내가 뭘 잘못하고 있지?
이동하다template바로 아래의 폴더resources:
src/main/resource/static/css(CSS 파일의 경우)src/main/resource/templates(HTML 템플릿의 경우).
다음으로 수정한다.link태그는 다음과 같습니다.
<link href="../static/css/Layout.css" th:href="@{/css/Layout.css}" rel="stylesheet" />
템플릿 폴더를 리소스 바로 아래로 이동합니다.
src/main/resources/static/css (for CSS files);
src/main/resources/templates (for HTML templates).
다음으로 링크 태그를 다음과 같이 수정합니다(상대 또는 절대).
<link href="../css/firstcss.css" rel="stylesheet">
<link href="/css/secondcss.css" rel="stylesheet">
앞에 정전기가 있는 오래된 솔루션은 나에게 효과가 없다.
이 동작의 주된 원인은 Web Security Configurer Adapter 서브클래스에서 실행할 가능성이 높은 커스텀보안 설정입니다.SpringBoot 2+ 버전을 사용하는 경우 Web SecurityConfigurerAdapter 구성에 다음 행을 추가해야 합니다.
.requestMatchers(PathRequest.toStaticResources().atCommonLocations()).permitAll()
언급URL : https://stackoverflow.com/questions/41586841/thymeleaf-cssspringboot
반응형
'programing' 카테고리의 다른 글
| 초기 상태를 redux로 설정하는 방법 (0) | 2023.03.22 |
|---|---|
| 사용자 정의 Word에서 결과를 제외하는 방법분류 용어별 MySQL 쿼리 누름 (0) | 2023.03.22 |
| 확장성과 테스트성을 고려하면서 도메인 엔티티를 DTO로 적절하게 변환하는 방법 (0) | 2023.03.22 |
| json.dump가 "TypeError: {...}은(는) 유효한 개체에 대해 JSON을 직렬화할 수 없습니다"라고 던지는 경우 (0) | 2023.03.22 |
| 워드프레스의 카테고리에 대한 RSS 피드 (0) | 2023.03.22 |