Debug2 React + Spring / Nginx / S3 마이그레이션 배포 해결하는데 걸린 시간 : 약 3시간 해결했던 방법 : GPT + 구글링 기존 업로드되어 배포되었던 과거 파이널 프로젝트 결과물 을 다시 내 도메인으로 호스팅하기 위해 시행했다.얼핏 보면 front에서 api 주소와 back에서의 엔드포인트만 잘 바꾸면 문제가 없을 것 같았지만 몇 가지 문제점이 생겼다. 첫 번째 문제는 CORS 문제였다. 백엔드 SecurityConfig.java → CORS 허용 도메인 추가 를 깜빡했던 것. config.setAllowedOrigins(List.of( "http://localhost:3000", // 개발 환경용 (필요시 유지) "https://pilllaw.kcanmin.com" )); 리스트 형식의 Origin 허가를 내 도메인으로 허가했어야 했.. 2025. 7. 17. DEBUGLOG - React + Vite 프로젝트 "배포" 시 겪은 문제 해결하는데 걸린 시간 : 약 4시간 해결했던 방법 : GPT + 구글링개요최근 개인 포트폴리오 사이트를 React + Vite로 개발하고, EC2 + Nginx + Docker + Cloudflare 환경에 배포하면서 겪은 몇 가지 문제와 해결 방법을 정리하였음. 문제를 파악하고 해결하는 데 약 4시간 정도 소요하였음..🔸 1. Cloudflare + 포트 문제: :82 접속 이슈🔍 문제 상황EC2에서 React 앱을 :82 포트로 노출했으나, Cloudflare를 통과하면 접속이 안 되는 문제가 발생로컬 네트워크에서는 http://IP:82로 접속 가능했지만, 도메인(www.kcanmin.com:82)으로는 접속 실패🛠 해결 방법Cloudflare는 기본적으로 허용하는 포트 번호를 제한함:82는 .. 2025. 6. 5. 이전 1 다음
