CORS 문제 해결 방법

CORS 문제는 외부 서버의 API에서 어떤 데이터를 가지고 오려고 할 때 헤더 정보제공 서버에서 접근을 허락하는 헤더 내용이 없으면 발생한다.

그럴 땐 간단하게 컨트롤러 단에서

response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me");
response.setHeader("Content-Type", "application/json");
response.setHeader("Accept", "application/json");

이러한 헤더를 추가해주면 된다.

위의 경우에는 스프링, 즉, 자바 백엔드의 경우지만 사실 어떠한 백엔드를 쓰던지 헤더에 이와 같은 내용을 추가해주면 된다.