Vue.js 프로젝트를 EC2에서 Nginx로 배포하는 방법

Vue.js로 만든 프론트엔드 프로젝트를 EC2에 배포하고, Nginxx를 통해 정적 파일을 서빙하는 방법을 정리했다.또한, 백엔드 API와 연동하는 설정 및 Swagger 접속 설정까지 포함했다. 1. 프로젝트 빌드EC2에 배포하기 전에 Vue 프로젝트를 빌드해야 한다.Vue 프로젝트 폴더에서 다음 명령어를 실행한다.npm run build 빌드가 완료되면 dist 폴더가 생성된다.이 dist 폴더 안에는 assets 폴더와  index.html 파일이 포함되어 있다. 이제 EC2 인스턴스의 Nginx root 경로로 파일을 옮겨야 한다.파일을 전송하는 방법은 scp 명령어를 사용하면 된다.여기에서 볼 수 있다. 2. Nginx 설치 및 설정1) Nginx 설치EC2 인스턴스에 인스턴스에 접속한 후 다..

• format_list_bulleted Spring
• · 2025. 3. 8.
• textsms

AWS에 백엔드 서버 배포하는 법

Spring Boot 프로젝트를 EC2에 배포하는 방법을 단계별로 정리했습니다.IntelliJ를 사용하여 .jar 파일을 생성하고, EC2에 업로드한 후 실행하는 과정까지 상세히 설명합니다.1. Spring Boot를 .jar 파일로 만들기IntelliJ에서 Gradle을 사용하여 .jar 파일을 생성합니다.오른쪽 Gradle 창에서 해당 모듈을 선택Tasks → build → bootJar 실행build/libs 디렉토리에 .jar 파일이 생성됨2. .jar 파일을 EC2 서버에 옮기기EC2에 .jar 파일을 업로드하기 위해 scp 명령어를 사용합니다.먼저 서버에 등록된 공개키와 한 쌍인 사설키(private key)를 준비합니다.권한 설정chmod 400 private_key.pem ※ 권한이 너무 ..

• format_list_bulleted Spring
• · 2025. 3. 7.
• textsms