CORS Missing Allow Origin

 

CORS Missing Allow Origin

 

외부 파일(웹폰트)을 html 코딩에서 사용하고자 할 때,

외부 파일이 있는 웹서버에 헤더를 추가해야 사용이 가능합니다. (보안상의 이유로)

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin

Reason: CORS header 'Access-Control-Allow-Origin' missing - HTTP | MDN

 

엔진엑스 nginx 의 경우, 아래의 텍스트를 server { ~ } 지시자 사이에 넣으면 됩니다.

모든 도메인에서 파일 사용을 허용하고자 한다면 도메인 대신 * 별표를 넣으면 됩니다.

        add_header Access-Control-Allow-Origin https://허용도메인.com always;
        add_header Access-Control-Allow-Origin * always;