CORS 크로스 도메인 이슈 (No ‘Access-Control-Allow-Origin’ header is present on the requested resource)

Qusetion: 워드프레스 홈페이지에서 아이콘이 X모양으로 나옵니다. 어떻게 해야 하나요?

Answer: CORS 크로스 도메인 이슈 문제입니다. 

JAVA는 동일 출처 정책(Same Origin Policy)을 두어 자신이 속한 동일한 도메인 내에서만 서버 요청을 하고 처리해 주고 있습니다, 즉 다른 도메인의 서버에 요청하는 것을 보안문제로 간주하고 이를 차단합니다. 이 말은 예를 들어 www.mattheekim.com 이라는 도메인에서 호출된 AJAX는 www.mattheekim.com이라는 도메인 내에 있는 URL만을 호출할 수 있다는 의미입니다. 따라서 www.mattheekim.com이라는 서버에서 mattheekim.com 혹은 다른 도메인의 URL을 AJAX로 호출할 수 없다는 의미입니다.

이러한 문제는 호스팅 업체에서 제공하는 무료 도메인을 두고 다른 도메인을 연결하는 경우, 또는 AWS의 EC2에 워드프레스를 설치한 후 Route53을 이용하여 도메인을 연결하는 경우 종종 발생하는 문제입니다. 

이를 해결하는 간단한 방법을 소개합니다. 


No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access

cross domain issue

크롬 개발자도구를 통해 확인해보면 위와 같은 에러가 뜨는 것을 확인할 수 있습니다.

이러한 경우 root 폴더에 있는 .htaccess 파일을 아래와 같이 수정하면 됩니다.

파일이 없는 경우에도 아래와 같이 문서를 만들어 .htaccess 파일로 저장한 후  root폴더에 저장하면 됩니다.

Facebook Comments
Article Source: http://ooz.co.kr/232
« Previous Post
Next Post »

About Author

HEEJUNG

Matt 세상을 보고 무수한 장애물을 넘어 벽을 허물고 더 가까이 다가가 서로 알아가고 느끼는 것. 그것이 바로 제 인생의 목적입니다.