Web 프로젝트 배포하기 (1) - Linux 서버

안녕하세요, 최근 Vue3 프로젝트를 배포하면서 CORS 에러 때문에 너무 고생했었는데요,

Nginx를 통해서 간단하게 해결하는법 공유드립니다.

 

• Web server : Nginx
• Backend : Spring MVC , Tomcat
• Frontend : Vue 3

저는  rocky linux 서버에서 진행했습니다.

 

배포할 서버에 아무것도 없다고 생각하고 설치를 진행해보겠습니다.

Backend와 연결도 같이 진행할거니까 Backend 배포 준비도 함께 진행하겠습니다.

 

1. java 설치

 

설치 가능한 jdk 버전을 확인합니다.

 sudo yum list | grep jdk

 

 

원하시는 jdk 버전으로 설치합니다.

sudo yum install -y java-<version>

 

 

설치가 잘 되었는지 확인합니다.

java -version

 

2. Nginx 설치

참고한 사이트 : https://docs.rockylinux.org/ko/guides/web/nginx-mainline/

Nginx - Documentation

 

nginx를 설치하기 위해 저장소를 설치하고 모듈을 활성화합니다.

sudo dnf module enable nginx:mainline 의 경우는 오류가 날수도 있는데 무시하셔도 괜찮아요!

sudo dnf update
sudo dnf install epel-release
sudo dnf module enable nginx:mainline

 

 

nginx를 설치하고 실행해줍니다.

sudo dnf install nginx
sudo systemctl enable --now nginx

 

 

설치가 잘 되었는지 확인해줍니다.

nginx -v

 

 

이제 리눅스 서버쪽은 준비가 다 되었습니다!

순서대로 backend 와 frontend 세팅 이후에 nginx 설정까지 진행해서 CORS 에러를 피해볼게요!

 

감사합니다.