인프런 커뮤니티 질문&답변

브라우져에서 ajax 요청을 보낼때 cors 관련 오류 메세지를 접할 수 있는데요. 브라우저에서 실행되는 js는 자신이 다운로드 되었던 서버로 ajax 요청을 보낼수 있습니다. 서버를 식별하는 기준은 프로토콜, 도메인, 포트로 구성되는데요. 여기서는 js가 다운로드된 포트가 8080, ajax 요청하는 포트가 8081로 달라서 cors 정책에 막혀 ajax 요청에 실패하는 경우입니다.

한편 서버간의 통신은 브라우져-서버 통신과 다르게 이러한 제약 정책이 없는데요. 8080서버에서 8081 서버로 요청할 수 있는 이유입니다. 8080서버는 브라우져 js에서 ajax 요청을 받으면 이 요청을 그대로 8081로 보냅니다. 받은 응답도 그대로 브라우져로 전달하고요. 이러한 역할을 프록시라고 하고요. 

웹팩에서 설정한 proxy가 바로 8080 서버를 8081로 프록시한다는 설정입니다.