tomcat에 배포하기...

ReactJS로 코딩을 하면 무조건 nginx나 node로 서버를 올려야 하는줄 알았는데...

 

톰캣으로 편리하게 올리는 방법이 있었다. 

 

먼저 React 프로젝트에서 package.json 에 아래의 항목을 추가 한다.

"homepage": "domin:port/folder",  의 형식으로 추가

"homepage": "http://dev.test.com",   // 난 이렇게 추가 

React 빌드

npm run build

그러면 프로젝트 폴더 밑에 build 폴더가 만들어 진다.

 

그리고 이 build 폴더 밑의 모든 파일들을 복사해서 tomcat의 webapps 폴더 아래에 복사를 해 주는데... 

 

localhost에 바로 올리고 싶으면.. ROOT 폴더에 넣어주고.. http://dev.test.com/dev 처럼 한단계 더 두고 싶으몬 

 

webapps 폴더 밑에 dev라는 폴더를 만들고 복사를 해 주면 된다. 

 

React의 package.json 에 localhost로 입력을 했다면 더이상 셋팅이 필요없다.

 

Tomcat을 바로 실행하고 브라우저에 http://localhost 를 입력하고 엔터를 치면 바로 화면이 뜰것이다.. 

 

localhost 외 주소를 입력 했다면

 

1. Tomcat 의 conf 폴더 밑에 있는 server.xml 의 Host의 name을 입력한 주소로 변경 해 줌
2. 임의의 주소 인식을 위해 C:\Windows\System32\drivers\etc 의 hosts 파일에 임의의 주소 입력
위의 같은 경우 127.0.0.1 dev.test.com 으로 입력 하면 됨.

 

참 간단하고 쉽다.. 

난 다른거보다 톰캣 셋팅이 더 쉬워서.. 이게 편한듯... 굿~~!!!!