CORS(Cross-Origin Resource Sharing) 오류가 발생하면 웹 브라우저는 보안상의 이유로 서로 다른 도메인 간의 리소스 요청을 차단합니다. 이 버그로 인해 때때로 localhost에서 다른 서버에 연결하기 어려운 경우가 있습니다.
이 오류를 해결하려면 서버 측에서 도메인의 리소스 요청을 허용하는 방법이 있습니다.
서버에서 CORS 오류를 해결하는 데 사용할 수 있는 헤더는 다음과 같습니다.
1. 액세스 제어 허용 원본
이 헤더는 요청을 수락하는 도메인을 지정합니다. 이 헤더의 값으로 *를 지정하면 모든 도메인의 요청이 허용됩니다.
Access-Control-Allow-Origin: *
2. 접근통제 권한 방식
이 헤더는 요청에 허용되는 HTTP 메서드를 지정합니다.
Access-Control-Allow-Methods: GET, POST, PUT, DELETE
3. 액세스 제어 허용 헤더
이 헤더는 요청에 포함될 수 있는 HTTP 헤더를 지정합니다.
Access-Control-Allow-Headers: Content-Type, Authorization
4. 액세스 제어 공개 헤더
이 헤더는 응답에서 클라이언트에 노출될 수 있는 HTTP 헤더를 지정합니다.
Access-Control-Expose-Headers: Content-Length, X-Kuma-Revision