Microsoft MVP성태의 닷넷 이야기
글쓴 사람
홈페이지
첨부 파일
 

CSS3117: @font-face failed cross-origin request. Resource access is restricted.

로컬 PC에 있는 HTML 파일에 웹에 있는 script 파일을 링크시키면 동작을 안 하는 경우가 있습니다. 그럴 때 개발자 도구의 콘솔(Console) 탭을 보면 다음과 같은 식으로 오류 정보가 나옵니다.

CSS3117: @font-face failed cross-origin request. Resource access is restricted.
MathJax_Main-Regular.woff

Access to Font at 'http://.../HTML-CSS/TeX/woff/MathJax_Main-Regular.woff?rev=2.6.1' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.


이유는, CORS 정책에 의해 웹에 있는 자원을 함부로 접근할 수 없도록 웹 브라우저 차원에서 제한을 걸었기 때문입니다. (물론, 여러분들이 임의로 만든 브라우저라면 이런 정책을 구현하지 않고 그냥 접근하게 만들 수도 있습니다.)

현재, 주요 웹 브라우저들은 모두 이런 정책을 가지고 있는데 이러한 접근 제한을 푸는 것은 서버 쪽에서 허락을 하는 방식으로 이뤄집니다. 그리고 IIS의 경우 web.config에 다음과 같이 추가해 주면 됩니다.

  <system.webServer>
        // ... 생략...
      <httpProtocol>
          <customHeaders>
              <add name="Access-Control-Allow-Origin" value="*" />
          </customHeaders>
      </httpProtocol>
  </system.webServer>




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]





[최초 등록일: ]
[최종 수정일: 8/27/2017 ]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer@outlook.com

비밀번호

댓글 쓴 사람
 




... 31  32  33  34  35  36  37  [38]  39  40  41  42  43  44  45  ...
NoWriterDateCnt.TitleFile(s)
11319정성태10/11/20176140.NET Framework: 686. C# - string 배열을 담은 구조체를 직렬화하는 방법
11318정성태10/7/20174457VS.NET IDE: 122. 비주얼 스튜디오에서 관리자 권한을 요구하는 C# 콘솔 프로그램 제작
11317정성태10/4/20178842VC++: 120. std::copy 등의 함수 사용 시 _SCL_SECURE_NO_WARNINGS 에러 발생
11316정성태10/19/20194190디버깅 기술: 99. (닷넷) 프로세스(EXE)에 디버거가 연결되어 있는지 아는 방법 [3]
11315정성태9/29/201713508기타: 68. "시작하세요! C# 6.0 프로그래밍: 기본 문법부터 실전 예제까지" 구매하신 분들을 위한 C# 7.0/7.1 추가 문법 PDF [8]
11314정성태9/28/20173945디버깅 기술: 98. windbg - 덤프 파일로부터 닷넷 버전 확인하는 방법
11313정성태9/25/20173850디버깅 기술: 97. windbg - 메모리 덤프로부터 DateTime 형식의 값을 알아내는 방법파일 다운로드1
11312정성태9/25/20174707.NET Framework: 685. C# - 구조체(값 형식)의 필드를 리플렉션을 이용해 값을 바꾸는 방법파일 다운로드1
11311정성태9/20/20173368.NET Framework: 684. System.Diagnostics.Process 객체의 명시적인 해제 권장
11310정성태9/19/20174780.NET Framework: 683. WPF의 Window 객체를 생성했는데 GC 수집 대상이 안 되는 이유 [3]
11309정성태9/18/20183204개발 환경 구성: 335. Octave의 명령 창에서 실행한 결과를 복사하는 방법
11308정성태9/13/20173959VS.NET IDE: 121. 비주얼 스튜디오에서 일부 텍스트 파일을 무조건 메모장으로만 여는 문제파일 다운로드1
11307정성태9/13/20176637오류 유형: 421. System.Runtime.InteropServices.SEHException - 0x80004005
11306정성태10/4/20184471.NET Framework: 682. 아웃룩 사용자를 위한 중국어 스팸 필터 Add-in
11305정성태9/12/20175357개발 환경 구성: 334. 기존 프로젝트를 Visual Studio를 이용해 Github의 신규 생성된 repo에 올리는 방법 [1]
11304정성태9/11/20173625개발 환경 구성: 333. 3ds Max를 Hyper-V VM에서 실행하는 방법
11303정성태9/11/20174889개발 환경 구성: 332. Inno Setup 파일의 관리자 권한을 제거하는 방법
11302정성태9/11/20173425개발 환경 구성: 331. SQL Server Express를 위한 방화벽 설정
11301정성태9/11/20174021오류 유형: 420. SQL Server Express 연결 오류 - A network-related or instance-specific error occurred while establishing a connection to SQL Server.
11300정성태9/10/20174911.NET Framework: 681. dotnet.exe - run, exec, build, restore, publish 차이점 [2]
11299정성태9/10/20174156개발 환경 구성: 330. Hyper-V VM의 Internal Network를 Private 유형으로 만드는 방법
11298정성태9/8/20175093VC++: 119. EnumProcesses / EnumProcessModules API 사용 시 주의점 [1]
11297정성태9/8/20173926디버깅 기술: 96. windbg - 풀 덤프에 포함된 모든 닷넷 모듈을 파일로 저장하는 방법
11296정성태9/8/20177277웹: 36. Edge - "이 웹 사이트는 이전 기술에서 실행되며 Internet Explorer에서만 작동합니다." 끄는 방법
11295정성태4/30/20184045디버깅 기술: 95. Windbg - .foreach 사용법
11294정성태9/4/20174063개발 환경 구성: 329. 마이크로소프트의 CoreCLR 프로파일러 예제 빌드 방법 [1]
... 31  32  33  34  35  36  37  [38]  39  40  41  42  43  44  45  ...