개발
백엔드
Nginx 환경에서 웹폰트 확장자 CORS 이슈
733 views as of April 1, 2019.
⚠ 이 글은 2년 이상 지난 이야기에요. 읽으실때 참고!
새로 웹서버 세팅 후 웹 폰트 파일을 직접 서버에 올리고 url 로 가져다 쓰다보니 일부 폰트 확장자(otf, woff, woff2 등)에 대해 CORS 문제가 발생했습니다. 일반적으로 직접 구글 웹폰트 주소를 통해서 이용하면 이미 구글서버의 경우에는 아래 문제에 대해 CORS 문제가 일어나지 않도록 조치를 취해서 문제가 일어나지 않습니다.
개인 서버에서 세팅하다가 보면 일어나는 문제이긴 하죠.
서버에서 해당 폰트 확장자에 대해 CORS 문제를 일으키는 것인데, 이것은 제공 서버단에 설정을 추가해주면 되는 사항입니다.
나는 Nginx 서버 환경에서 이용중이어서 Nginx 서버 설정파일로 가서 해당 확장자에 대해서 CORS 문제가 발생하지 않도록 설정값을 추가했다.
#sudo vi /etc/nginx/sites-available/default
...
server {
...
# Webfont CORS Issue fix.
location ~* \.(eot|otf|ttf|woff|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
...Copy조금 응용하면 특정 파일에 대해서 일어나는 CORS 문제에 대해서도 대응이 가능한 코드이긴 합니다.
#Nginx #문제해결
0
개의 댓글
백엔드 콜렉션의 다른 글
개발 카테고리의 다른 글
04/10/2019
PHP 세션 유지시간 변경
php 환경 위에서 작업하다보면 로그인을 통한 회원 세션을 통해 사이트 이용권한을 분류하는 경우가 있습니다. 일반적인 랜딩 페...
03/29/2019
php 7.2 업그레이드 이후 PhpMyAdmin 이슈
php 버전 업그레이드에 따른 문제 발생php 7.2 버전을 쓰면서 PhpMyAdmin을 사용하면 위와같은 에러가 나타나는 경우가 있습니다...
03/27/2019
Nginx 서브 디렉토리 역방향 프록시 설정
진행하는 프로젝트 중의 하나가 마스터 소스로 돌아갈 계획입니다.마스터 소스에서 하위에 클라이언트가 붙고 클라이언트는 아래...
