Nginx를 활용한 TekaPicker 개발 서버 프록시 설정

목적

your_domain/tekapicker/ 경로를 Vite 기반 프론트엔드 개발 서버로,
/tekapicker/api/ 경로를 NestJS 백엔드 API 서버로 프록시 설정함.

Nginx 설정 (/etc/nginx/sites-available/tekapicker.conf)

server {
    listen 80 default_server;
    server_name your_domain;

    # 프론트엔드 (Vite dev 또는 빌드 결과물)
    location /tekapicker/ {
        proxy_pass vite_url/tekapicker/;
        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_cache_bypass $http_upgrade;
    }

    # 백엔드 NestJS API
    location /tekapicker/api/ {
        proxy_pass backend_endpoint:3000/;
        proxy_http_version 1.1;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

적용 순서

# sites-available에 설정 추가
sudo nano /etc/nginx/sites-available/tekapicker.conf

# 심볼릭 링크 연결
sudo ln -s /etc/nginx/sites-available/tekapicker.conf /etc/nginx/sites-enabled/

# default server 제거 (이미 제거한 경우 생략)
sudo rm /etc/nginx/sites-enabled/default

# 설정 테스트 및 적용
sudo nginx -t
sudo systemctl reload nginx

결과

• your_domain/tekapicker/ → Vite 개발 서버 프록시
• your_domain/tekapicker/api/ → NestJS 백엔드 API 프록시