CDN 가속 워드 프레스 가 CORS 를 터치 하여 도 메 인 간 로드 에 실 패 했 습 니 다.

1481 단어
더 읽 기
이틀 간 CDN 가속 화 를 통 해 자신의 블 로그 방문 속 도 를 높이 고 아 리 클 라 우 드 CDN 가속 방안 을 사용 합 니 다.사용 할 때 문 제 를 발 견 했 습 니 다. 일부 자원 CDN 의 가속 이 실 패 했 습 니 다. 이 유 는 CORS 를 촉발 시 켰 기 때 문 입 니 다. CDN 가속 사이트 와 블 로그 사이트 의 일치 하지 않 아 발생 하 는 크로스 도 메 인 요청 이 성공 하지 못 했 기 때 문 입 니 다.
오류 보고 에서 Off 와 Tff 글꼴 로드 오류 발견:
(index):1 Access to Font at 'http://cdn.5yun.org/wp-content/themes/yusi1.0/fonts/fontawesome-webfont.woff?v=4.1.0' from origin 'http://www.5yun.org' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.5yun.org' is therefore not allowed access.
잘못 보 고 했 으 니 먼저 CORS 의 원 리 를 알 아 보 세 요.
CORS 는 AJAX 가 크로스 도 메 인 접근 을 실현 할 수 있 도록 크로스 도 메 인 접근 체 제 를 정의 합 니 다.CORS 는 도 메 인 에 있 는 네트워크 애플 리 케 이 션 이 다른 도 메 인 에 크로스 도 메 인 AJAX 요청 을 할 수 있 도록 합 니 다.이 기능 을 실현 하 는 것 은 매우 간단 합 니 다. 서버 에서 응답 레이 블 을 보 내 면 됩 니 다.
WordPress 가 CORS 를 촉발 하여 크로스 필드 로 딩 에 실패 하 는 해결 방법:
현재 저 는 lnmp 제어 판 을 사용 하고 있 습 니 다. 해당 사이트 의 nginx 설정 파일 은 / usr / local / nginx / conf / vhost 디 렉 터 리 에 있 습 니 다.
www. 5yun. org. conf 현재 사이트 프로필 을 편집 하고 적당 한 위치 에 다음 코드 를 추가 합 니 다.
        location ~* \.(ttf|woff)$ {
       add_header Access-Control-Allow-Origin *;
        }

설정 저장 완료 후 nginx 서버 를 다시 시작 해 야 유효 합 니 다.
/etc/init.d/nginx restart

그리고 ctrl + f5 를 강제로 새로 고침 하면 ttf 와 woff 가 도 메 인 을 넘 어 잘못 불 러 오 는 문제 가 사라 집 니 다.

좋은 웹페이지 즐겨찾기