[CORS] from origin 'null'

CORS policy 에러 중에서,

"from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." 다음과 같은 에러가 나는 이유에 대해 알아보겠습니다.

 

CORS란, Cross Origin Resource Sharing의 약자로 origin(출처)가 다른 자원 간의 공유 방법입니다. origin(출처)란 URL에서 1. 프로토콜 2.도메인 3. 포트번호를 뜻합니다. 웹 브라우저는 출처가 다른 곳으로 부터 요청이 오면, 보안 상의 이유로 요청을 막게 되고 이로써 발생하게 되는 것이 CORS policy error입니다. 이를 해결하기 위해 서버의 헤더에 Access-Control-Allow-Origin을 추가할 수 있습니다.

 

그런데, 이번 포스트에서 알아볼 것은 위와 같은 에러가 뜨는 경우입니다. 앞에를 잘 읽어보면, origin 'null'이 CORS 정책에 의해 막혔다는 것인데, 이것은 url에서 null이 보내졌다는 뜻이고, 로컬파일에서 요청을 보냈을 경우에 다음과 같은 에러를 만날 수 있습니다. 그래서 결론은 서버에 파일을 올린다음에 요청을 보내야 해결할 수 있습니다.

+ 서버에서 모든 CORS 허용하면 이 부분도 해결되는 듯 합니다.