[Thymeleaf] image 파일 적용 - Spring Security 정적 파일 권한 허용

thymeleaf를 사용하는데 계속해서 css 파일이 적용 되지 않는 상황이 발생하였다. 

 

1) 경로 인식 문제

css, js 파일이 /resources/static 경로에 위치해 있는지 확인한다.

html 파일에 import 경로를 확인한다.
href="{css/style.css}" ( X )
href="{/css/style.css}" ( O )
Thymeleaf를 이용하는 경우는 th:href="@{/css/style.css}"

2) Spring Security 설정 시 정적 파일 권한 허용 여부 확인

내 경우에는 경로는 맞는데 인식이 안된 상황이였다.  security 설정을 바꾸어 보았다.

 

@Bean
@Order(0)
public WebSecurityCustomizer webSecurityCustomizer() {
    return web -> web.ignoring()
            .requestMatchers("api/member/login", "/login", "/signup", "/signup-page", "/login-page", "/images/**");
}

서버에 요청이 들어오면 Spring Security가 해당 자원에 접근할 수 있는 지 권한 감사를 하게 되는데 기본적으로 정적인 파일 까지도 보안 필터를 거치기 때문에 정적 파일에 대한 권한 허용을 설정해 주어야 한다.