[tomcat] intellij 이미지 로드 설정

 

해당 게시물에서는 로컬pc(프로젝트 외부 경로>D드라이브 등)의 이미지를 tomcat에서 참조하여 로드할 수 있도록 설정하는 방법을 다룬다.

 

간단하므로 목차는 생략하였다.

 

본인의 경우, 로컬 테스트 환경에서 서버 이미지를 로드해야하는 상황에서 D드라이브의 이미지 경로를 웹 애플리케이션이 참조할 수 있도록 하는 방법들을 찾아보았다.

 

tomcat의 설정파일인 server.xml에 설정 정보를 기재하여 ' localhost:port/특정디렉토리'를 프로젝트 외부 경로로 연결하는 방법이 있어 해당 안을 적용해보았다.

 

내가 표출하고자 했던 이미지의 위치는 D드라이브의 test폴더에 위치해 있었다. 때문에 <img>의 src를 D:/test/image.png로 설정해보았는데, 당연히 표출되지 않았다. 예시는 아래와 같다.

일반적으로 localhost:port/*는 웹 애플리케이션 프로젝트 소스 내부에 위치한 파일 경로를 첨부하도록 기본 설정이 되어있기 때문에 본인이 원하는대로 로컬(개발)환경에서 팝업의 이미지를 표출하기 위해서는 프로젝트 내에 개발환경 사용 목적으로 별도의 디렉토리를 만들어, 파일 업로드 및 표출 시 해당 디렉토리를 참조하도록 수정하는 방법 뿐이라고 생각하였으나 소스 내에 불필요한 폴더를 생성하고 싶지 않은 생각이 들었다.

 

위 이유로 인해 ' localhost:port/특정디렉토리'를 'D:/실제디렉토리 '와 매핑하여 화면 내 표출할 수 있는 방법을 선택하였다.

 

 

 

인텔리제이에서는 해당 설정을 tool 내에서 진행할 수 있고 매우 간단하다.

1. Edit Configurations.. 클릭

2. Deployment>add

3. External Source... 클릭

4. 파일 경로로 설정할 프로젝트 외부 디렉토리 선택 및 ok

5. Application context 설정(localhost:port/Application context 호출 시, add한 외부 경로를 참조함)>Apply

 

 

---

 

 

이클립스에서는 IDE 내 tomcat config경로의 server.xml을 찾아 Application context를 설정해주면 된다.

 

설정을 적용할 프로젝트의 tomcat config를 'Servers'폴더 내에서 찾기>server.xml클릭

 

<Engine>내부, <Host>의 최 하단에 <context>설정 추가

 

<Context docBase="D:/test" path="/test" reloadable="true"/>

 

 

---

 

게시물 작성에 참고한 포스팅 링크들을 아래 첨부하였다.

https://stackoverflow.com/questions/1552812/mapping-a-directory-outside-the-web-app-to-url-in-tomcat

Mapping a directory outside the web-app to URL in TOMCAT

 

https://keartt.tistory.com/entry/IntelliJ-Tomcat-file-upload-setting-contextDocbase

[인텔리제이] IntelliJ Tomcat 업로드 파일 경로 설정