[Javascript] context path 가져오는 방법

1. window.location.pathname 이용하는 방법 (비추)

 

// 1. split 사용하는 방법
const pathArray = window.location.pathname.split('/');
const contextPath = pathArray[1];
console.log(contextPath);

// 2. substring 사용하는 방법
const contextPath = window.location.pathname.substring(0, window.location.pathname.indexOf("/",2));
console.log(contextPath);

 

              => contextPath가 '/' 일 경우에 원하는 결과를 얻지 못할 수 있다. 따라서 2번 방식을 추천한다.

 

 

2. session storage 이용하는 방법 (추천)

 

// HTML, JSP에서 EL을 사용하여 context path를 session에 저장
<script type="text/javascript" charset="utf-8">
sessionStorage.setItem("contextpath", "${pageContext.request.contextPath}");
</script>

// script에서 저장된 context path를 호출
const contextPath = sessionStorage.getItem("contextpath");

 

---

참고

• 꿈을 이루는 요셉 - Javascript에서 contextPath를 구하는 방법
  https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=ksseo63&logNo=220891617113