스프링 부트에서 JS 파일 경로 (404 에러)

static/js/ 경로에 kakaoButton.js 파일을 작성했다.

 

위의 js 파일을 html에 연결하여 사용하기 위해 아래의 코드를 작성했다.

<script src="../static/js/kakaoButton.js"></script>

 

 

그런데 404에러가 발생한다.

404 Not Found는 서버에 제공하지 않는 URL을 탐색했을 경우 발생하는 에러이다.

즉, 요청한 페이지나 데이터가 없을 경우인것이다.

 

인텔리제이에서 경로에 파일이 존재하기에 이렇게 파일 목록을 보여주는데

왜 못 찾는걸까..

 

위의 경로도 찾질 못한다.

해결 방법

스프링 부트는 기본적으로 /src/main/resources/static에 위치한

JS, CSS 등의 정적 파일의 경로를 /로 설정된다.

즉, "../static/js/kakaoButton.js"   =>  /js/kakaoButton.js

 

올바른 경로

<script src="/js/kakaoButton.js"></script>