[JS] JavaScript에서 contextpath 구하기(window 객체 활용)

 

톰캣서버에 배포를 할때 이미지나 동영상은 경로가 맞지 않아 제대로 업로드가 안되는 현상이 발생한다.

 

이런경우 contextpath를 이용해 경로를 설정해놓으면 손쉽게 해결할 수 있다.

 

구글 디버깅툴에서

 

window.location.pathname

 

위와 같이 입력을하면  사용하면 현페이지 .html, .jsp 파일의 경로를 알 수있는데 이를 활용하는 것이다.

 

---

window객체를 이용해  contextPath구하기

필자는 파일경로가 "/up/map-service.html" 로나오는데 substring() 함수를 이용해 contextPath를 구해보았다.

 

실제 개발에서는 

 

함수로 만들어 활용1

위와 같이 하나의 함수로 만들었고

 

함수로 만들어 활용2

 

javaScript에서 위와같이 활용하였다.

 

대신 이미지경로를 ContextPath()를 기준으로 맞춰줘야하며

 

배포시에도 ContextPath()를 신경써줘야한다.