«   2017/11   »
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    
Archives
Today
1,572
Total
1,020,847
관리 메뉴

Blue Breeze

Chrome "CAUTION: Provisional headers are shown" 본문

IT/Tech

Chrome "CAUTION: Provisional headers are shown"

푸른바람 푸른_바람 2017.05.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를 실행한 뒤 다시 사용하면 동작할 겝니다.

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

그 후 새로고침 결과

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

신고

'IT > Tech' 카테고리의 다른 글

Chrome "CAUTION: Provisional headers are shown"  (0) 2017.05.18
프로토콜 버퍼  (0) 2017.04.24
Zen Coding  (0) 2014.12.07
lenovo B570 wireless setting  (0) 2012.04.03
나눔고딕코딩 폰트 설치  (0) 2010.04.15
프로그램에서 메일수신확인 방법  (0) 2010.01.04
0 Comments
댓글쓰기 폼