AWS Vite 프로젝트 Nginx 로 서비스

vite 프론트는 nginx 로 서비스를 해야하므로

Vite Project git clone 하고 npm i 로 install 까지 실행한 뒤에

npm run build 로 빌드

sudo yum install nginx -y 로 nginx 다운로드 이후 확인

sudo cp -r /home/ec2-user/{프로젝트 루트 폴더}/dist/* /usr/share/nginx/html/
명령어로 build 된 파일들 nginx html 폴더로 복사

sudo systemctl start nginx 로 nginx 켜기

만약 nginx 켰을때 router 문제가 발생할수있는데 nginx.conf 파일 수정 필요

cd /etc/nginx 경로로 이동

sudo vi nginx.conf 로 편집기 열기

server {} 내부에

location ~ 내용을 추가해주자

location / {
try_files $uri $uri/ /index.html;
}

내용 추가한 뒤 저장하고

재시작후 로드밸런서 dns 이름으로 들어가면 끝