외부 연동 작업을 하다보면 크로스 도메인과 관련된 에러가 자바스크립트 콘솔창에 출력되는 경우를 보게 됩니다.
이 문제를 해결하기 위해서는 많은 방법이 있지만 이번에는 httpd.conf 를 수정하여 해결하는 법을 소개합니다.
간단합니다. 아래 코드를 httpd.conf 에 넣어주시면 됩니다.
<IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule>
2번째 라인의 내용만 넣어도 사실상 무관합니다. 1번째, 3번째 줄은 mod_headers.c 가 존재하는지 체크하는 부분이고 있을때만 코드를 실행하겠다는 내용입니다.
그런데 많이 궁금해 하시는 부분이 있습니다. httpd.conf 어느 부분에 넣어야 하는지…
고민이 되시는 경우에는 DocumentRoot 정의 된 부분 아랫줄에 넣어주시면 되겠습니다. 사실상 어디에 두어도 크게 상관은 없습니다. 만약 다중 사이트를 운영 중이시라면 (virtual host를 설정하신 경우) 적용하고자 하는 사이트의 <VirtualHost> 안에 넣어주시면 되겠습니다.
그럼 대략 이렇게 구성이 되겠죠.
<VirtualHost *:8080>
ServerAdmin admin@exam.com
DocumentRoot /home/exam/public_html
ServerName test.exam.com
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
ErrorLog logs/test.exam.com-access_log
CustomLog logs/test.exam.com-access_log common
</VirtualHost>