server-side/apache

Chrome "CAUTION: Provisional headers are shown"

C/H 2017. 5. 18. 12:17

WOFF 포맷 자체가 '동일 출처 제한(same-origin restriction)'을 강제한다.
글꼴 출처가 되는 웹 사이트에서 HTTP 헤더 값 'Access-Control-Allow-Origin'을 제공하면, 다른 곳에서 WOFF 파일이 사용될 수 있다.

httpd.conf 수정

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType font/woff .woff
<FilesMatch "\.(ttf|woff|eot)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
# CORS-enabled images & webfonts / Access-Control-Allow-Origin 관련 패치
<IfModule headers_module>
  <IfModule setenvif_module>
    <FilesMatch "\.(gif|png|jpe?g|svgz?|ico|webp)$">
      SetEnvIf Origin ":" IS_CORS
      Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
  </IfModule>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff2?|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>
<FilesMatch "\.(eot|otf|woff|ttf)$">
  SetEnvIf Origin "^http(s)?://(.+\.)?(domain1\.org|domain\.com)$" origin_is=$0
  Header always set Access-Control-Allow-Origin %{origin_is}e env=origin_is
</FilesMatch>
SetEnvIf Origin "^http(s)?://(.+\.)?(domain1\.org|domain\.com)$" origin_is=$0 Header always set Access-Control-Allow-Origin %{origin_is}e env=origin_is

그래도 이상하다면 [Chrome DevTools] "Provisional headers are shown"가 표시되는 원인과 대책 2,250 에서 확인 한 방법으로 크롬에서 Disable cache를 실행한 뒤 다시 사용하면 동작할 겝니다.

캐시를 지우고 새로고침 결과

그 후 새로고침 결과

캐시에서 파일을 검색 후 파일이 있다면 네트워크 작업을 중지.

반응형

'server-side > apache' 카테고리의 다른 글

Apache2 php7.2-fpm (1)  (0) 2018.06.22
CAUTION: provisional headers are shown (font)  (0) 2017.05.27
아파치 성능도구 ab  (0) 2017.02.22
Mac XAMPP VirtualHost 설정  (0) 2015.12.28
XAMPP 아파치 가상서버 SSL 설정  (0) 2015.08.19