cors1 Proxy 설정을 통해 로컬에서 개발중인 React와 서버 통신 설정하기 * 문제점 개발중인 프론트 클라이언트 서버(http://localhost:3000)과 백엔드 서버(http://localhost:8080)간 통신이 되지 않았다. * 원인 백엔드 서버는 8080 포트, 리액트 개발 서버는 3000포트로 열려 있기 때문에 별도의 설정이 없이 API를 호출하려고 하면 CORS(Cross Origin Request) 오류가 발생한다. 해당 오류는 네트워크 요청을할 때 주소가 다른 경우에 발생하며, 일반적인 해결을 위해서는 백엔드 쪽에서도 API를 호출할 수 있도록 서버 쪽 코드를 수정해야 한다. 하지만 프로젝트를 완성했을 때 만약 동일한 호스트에서 서비스를 제공할 생각이라면 이러한 설정은 사실 불필요한 설정이다. * 해결 방법 서버쪽 API 수정이 아닌 Proxy 설정을 통해.. 2023. 1. 8. 이전 1 다음