Merge pull request #46 from boostcampwm-2024/Hotfix/배포_오류_해결

Hotfix/배포 시 500 에러가 발생하는 문제 해결

Author: github-actions[bot]

.github/workflows/deploy.yml

@@ -50,7 +50,7 @@ jobs:
           AI_PROMPT: ${{ secrets.AI_PROMPT }}
           AI_API_URL: ${{ secrets.AI_API_URL }}
           AI_API_KEY: ${{ secrets.AI_API_KEY }}
-        run: docker-compose build backend
+        run: docker-compose up -d --build backend
 
   deploy:
     name: Deploy on Server
@@ -60,13 +60,16 @@ jobs:
       - name: Checkout Repository
         uses: actions/checkout@v4
 
+      - name: Clean client/dist
+        run: rm -rf client/dist
+
       - name: Download client-dist
         uses: actions/download-artifact@v4
         with:
           name: client-dist
           path: client/dist
 
-      - name: Start Services
+      - name: Reload Nginx
         env:
           NODE_ENV: production
           MONGO_URI: ${{ secrets.MONGO_URI }}
@@ -76,7 +79,7 @@ jobs:
           AI_PROMPT: ${{ secrets.AI_PROMPT }}
           AI_API_URL: ${{ secrets.AI_API_URL }}
           AI_API_KEY: ${{ secrets.AI_API_KEY }}
-        run: docker-compose up -d --no-build
+        run: docker-compose up -d --no-build --force-recreate nginx
 
       - name: Cleanup
         run: docker image prune -f

nginx/default.conf

@@ -63,7 +63,7 @@ server {
   location / {
     root /usr/share/nginx/html;   # React 빌드 결과물이 위치한 디렉터리
     index index.html;             # 기본 진입점 파일
-    try_files $uri /index.html;   # SPA 라우팅 지원
+    try_files $uri $uri/ /index.html;   # SPA 라우팅 지원
   }
 
   # 404 에러 페이지 설정