Spring boot + Vue 배포
3468
작성한 질문수 2
당연히 구글링 해보셨져? 원하는 결과를 못찾으셨나요? 어떤 검색어를 입력했는지 알려주세요.
문제가 발생한 코드(프로젝트)를 Github에 올리시고 링크를 알려주세요.
안녕하세요! 강의 보면서 저만의 프로젝트를 열심히 만들어보고 있습니다.
다름이 아니라 호돌맨님 프로젝트와 비슷하게 프로젝트 폴더 아래 front와 src (Springboot)가 따로 있는 상황이어서 인터넷을 찾아보며 vue build 결과물 (dist 폴더)를 src/main/resources/static/ 에 넣고 배포하는 식으로 진행해보았습니다.
위 처럼 했을 때는 5173 => 8080 이 서로 통신하는게 아닌게 되버린 것인지 Vue에서 작성했던 코드들이 정상적으로 작동하지 않아 문제를 겪고있습니다.
그 외에도 다른 글들을 참고하면서 build를 해보면 build 과정에서 오류가 발생하는 상황입니다.
제대로 동작하게 배포를 하고 싶은데,
vue 부분을 따로 배포하는 것 말고는 방법이 없을까요?
좀 오랫동안 삽질하게 되어 질문드립니다...
방향이나 참고할만한 내용이 있을까요...?
git - https://github.com/ppusda/NyangMunity
답변 2
4
안녕하세요. 호돌맨입니다.
저는 운영에서 빌드시
npm run build 를 통해 spring의 static 폴더로 vue 결과물을 이동 시키고
./gradlew build 를 하여 jar로 만듭니다.
그리고나서 최종적으로 jar를 실행하면 당연히 스프링서버 포트인 8080에서 모든 페이지가 작동하게됩니다.
그러므로 로컬에서 개발할때 vue 포트였던 5173은 필요없어지게 됩니다.
감사합니다.
0
답변 감사드립니다.
답변 주신대로 방법은 틀리지 않은 것 같아서 살펴볼 방향을 찾을 수 있을 것 같습니다.
아마 백엔드와 통신하는 url을 localhost에서 aws 접속 IP 로 안바꿔서 그런건지... 그 부분을 살펴봐야할 것 같습니다.
테스트 해보고 좋은 소식으로 다시 답글 달아드리겠습니다!
0
안녕하세요
댓글 달았던 것 처럼 url 문제인 것 같은데 제자리 걸음이네요,,,ㅠㅠ
vue 안의 vite.config.ts 에서 proxy 부분에서 제대로 처리를 못하는 느낌입니다.
http://localhost:8080/boards?page=1&size=5 위와 같이 서버로 보내는 요청은 정상적으로 받는 것 같은데, 실제로 axios에서 요청을 보낼 때는 /nm/boards?page=1&size=5 로 보내게 되서 기능이 정상적으로 작동하지 않는 것으로 추측되는데... proxy 설정을 아무리 건드려봐도 해결이 잘안됩니다...ㅠㅠ
그외에도 http://localhost:8080/boards 처럼 route된 버튼을 통해가 아닌 url로 직접 접속하는 경우에도 404로 넘어간다던가,
front 폴더 내에 있는 이미지가 정상적으로 불러와지지 않는 현상, 이미지 클릭 시 복사 기능도 작동이 안되고... 배포가 너무 어렵습니다ㅠ
Deprecated 관련 사항들
0
103
2
깃헙 collaboator 초대 관련
0
88
1
강의 듣다가 도커 이미지 생성시 각각도 가능하나 그렇게 사용하는데가 많은지 모르겠다라는 말을 듣고 남김니다
0
157
2
logout 후에 login 페이지 이동은 어디서 시켜주는건가요?
0
233
1
다중 데이터를 삭제 할 때
0
271
2
querydsl Q class 이슈
0
415
2
Windows WSL Vue 설정
2
246
1
Dip, @transactional
0
189
1
[vite] http proxy error: /auth/login
0
1045
2
로그인 하고 나서 GET요청으로 메인페이지 요청
0
234
2
GitHub Collaborator 초대 관련
0
257
2
Window에서 Vue.js 설정
0
321
2
(솔루션 수정)'tsyringe' Error: TypeInfo not known for "클래스명"
0
713
2
collaboator로 초대받을 수 있을까요??
0
283
2
SecurityMockContext 로부터 유저 정보를 가져오기
0
262
1
given 부분이 길어질 때 어떻게 처리하면 좋을까요?
0
318
1
섹션9 프론트의 코드를 보고싶습니다,,,
0
423
1
Spring Security - defaultSuccessUrl 질문
0
626
1
강의 화면이 나오지 않습니다. 음성과 자막만 나와요
0
302
1
JPAQueryFactory(em)의 객체 생성자 오류에 대해서 질문이 있습니다ㅜㅜ
0
690
2
ExceptionHandler가 AccessDeniedHandler(Http403Handler)를 먹어버리는 현상
0
1180
2
섹션10 언제 나오나요?
0
485
1
CommentService에서 Repository를 호출하지 않는데도
0
343
1
Editor....를 활용한 패턴에 질문있습니다.
0
496
1