Vue + spring 운영 배포 관련 질문 드립니다. (수정)

Question

Vue.js 로 프론트 단을 개발egovframework 즉 spring 으로 백단을 개발하고 있습니다. 현재 개발은 중간 체크를 하기 위해서, 운영환경과 같은 개발서버에 반영 하려고 하고 잇는데,로컬에서 잘 되던 것이 백단과 연계가 안되는것 같아서 질문 드립니다. 진행상황1. 프론트단 vue : npm run build 하여 dist 디렉토리를 WEB 서버인 nginx > html 디렉토리에 업로드함2. 백단 java : war 로 WAS 서버에 wildfly 로 기동함3. 각각 WEB IP, WAS IP 로 접속한 경우 의도한대로 접속 됨 -> 단 WEB으로 접속하여 WAS 백단과 연계가 되지 않음4. 웹서버는 niginx 를 사용, 와스서버는 wildfly를 사용 웹서버에 node를 설치하여 npm run serve를 하여야 하는지?와스서버에 spring 과 vue 파일을 동시에 올려야 하는지?아니면 nginx conf 파일을 수정하여야 하는지?모르는 것이 너무 많아 감을 잡기가 힘듭니다 ㅠㅠ 혹시 제가 모르는 설정을 건드려야 하는 부분이 있는지도 모르는 상태에서google 에서는 &#34;vue spring 배포&#34; 로 검색을 해보아도 원하는 답이 나오지 않는 것으로 보아검색 방법부터 잘못된거 같아 하는 수 없이 여기에 질문을 올려 봅니다.도움 부탁드립니다 ㅠㅠ 아래는 vue.config.js 파일 부분과 개발자 모드에서 오류나는 부분입니다.

chytonpide · Accepted Answer

vue를 컴파일 해서 무슨 서버가 되었던 정적 파일로 배포하는 UI서버가 있어야 하는건데, 그냥 익숙한 기술인 spring으로 ui서버를 만들면 안되는 건가요? 아래 링크는 react이기는 하지만 vuw도 비슷 할 것 같습니다. https://lemontia.tistory.com/912

ignoramus · Answer

yadameda 답변 확인하였습니다. 감사합니다.로컬에서 개발할때는 해당 블로그와 비슷하게 작업을 완료를 했는데,운영환경에 배포할때는 그럼 WAS 서버에 node 와 wildfly 를 동시에 켜야 하나요??일단, 제가 급하게 나마 해결한 방법은WEB 서버 nginx conf 파일에 /api 로 올 경우에 타켓 ip 잡아서 통신 가능하게 처리하였습니다.location /api { ~ ~ }

chytonpide · Answer

사용하시는 기술에 대해서는 잘모르겠습니다만 404뜨는거보면 nginx 서버에서 사용자가 정적파일을 요청할때 제대로 응답을 못하는거 아닐까요? 정적파일을 위치시키는 최상위 폴더에 아무 js파일이나 넣은다음에 웹브라우저에서 그게 열리는지 확인해 보고 안열리면, nginx 서버 설정을 손봐야할 것 같습니다.

ignoramus · Answer

yadameda Nginx Web server config 설정하는것으로 해결했습니다.감사합니다.

Vue + spring 운영 배포 관련 질문 드립니다. (수정)

4개의 답변

#wildfly 목록