CORS 문제 해결하기

Jake Seo·2019년 3월 27일
5
post-custom-banner

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");

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

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

profile
풀스택 웹개발자로 일하고 있는 Jake Seo입니다. 주로 Jake Seo라는 닉네임을 많이 씁니다. 프론트엔드: Javascript, React 백엔드: Spring Framework에 관심이 있습니다.
post-custom-banner

0개의 댓글