Intellij + Spring boot + html을 이용한 작업물의
html에서 div와 img 태그를 이용하여 사진을 보이게 하고자 하던 중
img태그의 src 경로를 아무리 바꾸어봐도 이미지를 인식하지 못하고 엑스박스만 노출되던 상황이었다
초기 디렉터리 구조는 다음과 같았다
resources 바로 아래 이미지들을 저장할 images 라는 디렉터리를 생성해주고 이미지를 저장했다
Springboot css, img 경로 에러
bellasimi.github.io
그러던 중 이 블로그 글을 읽고 문제를 해결했다
springboot에선 아래와 같은 폴더명들이 기본경로로 지정돼있어서
그 안의 파일들을 자동으로 인식합니다.
이 부분이 현재 발생한 문제의 원인이다.
spring boot에서 정적인 리소스들은 static이라는 경로를 통해 자동으로 읽어낸다는 사실을 알고
디렉터리 구조를 다음과 같이 수정하고
<div id="close"><img src="/images/cross.png" /></div>src 경로를 위와 같이 작성했다
경로 작성 시 static은 자동으로 인식되므로 static 하위의 경로만 입력해주면 된다