origin (1) 썸네일형 리스트형 리액트로 서버와 통신할 때 network error 해결 방법(feat : CORS에러) react에서 axios를 이용해 nest서버로 요청을 보냈는데 network error가 발생했다. 에러의 종류는 CORS 에러였는데 간단하게 CORS에 대해 알아보자면 CORS는 Cross Origin Resource Sharing의 약자다. 한글로는 교차 출처 리소스 공유라고 부르는데 여기서 Origin에 주목할 필요가 있다. origin은 protocol, hostname, port의 집합이다. 예를들어 http://localhost:3000이 프론트 주소고 http://localhost:8080이 백엔드 주소라면 이 둘은 protocol이 http로 동일하고, hostname이 localhost로 동일하지만, port는 3000과 8080으로 서로 다르다. 그렇기 때문에 프론트와 백엔드 서버는 .. 이전 1 다음