성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] Working with Rust Libraries from C#...
[정성태] Detecting blocking calls using asyn...
[정성태] 아쉽게도, 커뮤니티는 아니고 개인 블로그입니다. ^^
[정성태] 질문이 잘 이해가 안 됩니다. 우선, 해당 소스코드에서 ILis...
[양승조
] var대신 dinamic으로 선언해서 해결은 했습니다. 맞는 해...
[양승조
] 또 막혔습니다. ㅠㅠ var list = props[i].Ge...
[양승조
] 아. 감사합니다. 어제는 안됐던것 같은데....정신을 차려야겠네...
[정성태] "props[i].GetValue(props[i])" 코드에서 ...
[정성태] 저렇게 조각 코드 말고, 실제로 재현이 되는 예제 프로젝트를 압...
[정성태] Modules 창(Ctrl+Shift+U)을 띄워서, 해당 Op...
글쓰기
제목
이름
암호
전자우편
HTML
홈페이지
유형
제니퍼 .NET
닷넷
COM 개체 관련
스크립트
VC++
VS.NET IDE
Windows
Team Foundation Server
디버깅 기술
오류 유형
개발 환경 구성
웹
기타
Linux
Java
DDK
Math
Phone
Graphics
사물인터넷
부모글 보이기/감추기
내용
<div style='display: inline'> <h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>CSS3117: @font-face failed cross-origin request. Resource access is restricted.</h1> <p> 로컬 PC에 있는 HTML 파일에 웹에 있는 script 파일을 링크시키면 동작을 안 하는 경우가 있습니다. 그럴 때 개발자 도구의 콘솔(Console) 탭을 보면 다음과 같은 식으로 오류 정보가 나옵니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > CSS3117: @font-face failed <span style='color: blue; font-weight: bold'>cross-origin request</span>. Resource access is restricted. MathJax_Main-Regular.woff </pre> <br /> <div style='BACKGROUND-COLOR: #ccffcc; padding: 10px 10px 5px 10px; MARGIN: 0px 10px 10px 10px; FONT-FAMILY: Malgun Gothic, Consolas, Verdana; COLOR: #005555'> 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 '<span style='color: blue; font-weight: bold'>Access-Control-Allow-Origin</span>' header is present on the requested resource. Origin 'null' is therefore not allowed access. </div><br /> <br /> 이유는, CORS 정책에 의해 웹에 있는 자원을 함부로 접근할 수 없도록 웹 브라우저 차원에서 제한을 걸었기 때문입니다. (물론, 여러분들이 임의로 만든 브라우저라면 이런 정책을 구현하지 않고 그냥 접근하게 만들 수도 있습니다.)<br /> <br /> 현재, 주요 웹 브라우저들은 모두 이런 정책을 가지고 있는데 이러한 접근 제한을 푸는 것은 서버 쪽에서 허락을 하는 방식으로 이뤄집니다. 그리고 IIS의 경우 web.config에 다음과 같이 추가해 주면 됩니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' > <system.webServer> // ... 생략... <httpProtocol> <span style='color: blue; font-weight: bold'><customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> </customHeaders></span> </httpProtocol> </system.webServer> </pre> </p><br /> <br /><hr /><span style='color: Maroon'>[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]</span> </div>
첨부파일
스팸 방지용 인증 번호
9977
(왼쪽의 숫자를 입력해야 합니다.)