Vue-cli, Spring-boot를 사용하여 사진 전송 및 불러오기(5) - 배포

목차 : https://okane-on-cliff.tistory.com/246

 

1. 프론트

.env.local의 환경변수 값을 배포하고자 하는 IP주소로 바꿔준다.

이후 npm run build로 빌드

 

2. 백

String fileSeparator = File.separator;

컨트롤러에서 이 변수를 추가해 줘서 윈도우에서 쓰는 "//"를 찾아 있다면 fileSeparator로 변경해준다.

또한 백에서도 파일을 저장하는 파일패스 환경변수를 우분투에 맞게 변경해준다.

#environment properties
#file.path=C:\\TempImage
file.path=/home/ubuntu/asset/picturePractice

이후 static에 프론트를 넣고 메이븐 빌드를 하면된다.

https://okane-on-cliff.tistory.com/245

vue-cli, spring-boot, stomp라이브러리를 활용한 채팅사이트 만들기(4) - 배포

자세한 내용은 여기서 확인 한다.

이후 target폴더에 생성된 jar파일을 깃으로 ec2에 옮겨 준다.

 

3. EC2

인스턴스에서 MySql에 접속한 뒤 테이블을 만들어주고 jar파일을 깃 클론 한뒤

nohup java -jar [jar파일명] &

으로 실행 해 주고 putty는 꺼주면 된다.