github 페이지의 Disqus와 CSP 오류

Question

github pages에 jekyll based blog이 있고 Disqus의 의견이 있습니다. 또는 더 정확하게 말하자면, 그들은 Disqus의 서비스를받는 것이 었습니다. Disqus가로드되지 않는 것을 발견했습니다.

내가 콘솔에서 다음과 같은 오류를 참조 크롬에서

:

스크립트로드 거부 '데이터 : 응용 프로그램/자바 스크립트, Base64로, KGZ1bmN0aW9uKCkgewoJdmFyIG5vb3BmbiA9IGZ1 ... gpKTsKCQkJfQoJCX0KCX0pKCk7Cgl3aW5kb3cuX2dhcSA9IGdhcS5xZiA9IGdhcTsKfSkoKTs ='는 다음과 같은 콘텐츠 보안 정책 지침을 위반 : "스크립트 src에 https : //로 .twitter.com :https://a.disquscdn.com.services.disqus.com :https://c.disquscdn.com에 http : // .twitter.com :https://apis.google.com/js/api.jshttp://a.disquscdn.comhttps://cdn.syndication.twimg.com/tweets.json HTTP s : // .services.disqus.com :https://connect.facebook.net/en_US/sdk.jshttps://referrer.disqus.com/juggler/ '안전하지 않은 평가'a.disquscdn.com http://disqus.comhttps://ssl.google-analytics.comhttps://disqus.com ".

나는 처음에 Disqus가 바보 같은 짓을한다고 생각했지만 this article은 내가 Disquus를로드하기 위해 jquery를 사용하는 것과 같이 뭔가 잘못하고 있다고 생각하게했다. 그러나 문제의 원인을 알 수는 없습니다.

또 다른 생각은 내 쿠키 배너 또는 사기성 오소리가 문제를 일으키는 것일 수 있지만 개인 정보 보호 배저는 사이트에서 Google 웹 로그 분석을 차단하고 허용하기 만해도 작동하지 않습니다.

jekyll serve을 로컬로 실행할 때도 모든 것이 의도 한대로 작동합니다.

그리고 나는 iframe이이 없기 때문에

내가, this SO question 같은 문제라고 생각하지 않습니다 Disqus에

에 영향없이, temporarly를 제거하여, 문제점의 원인으로 쿠키 배너를 제외 .

내 실제 질문은 세 부분으로 구성

1. 가 어떻게 이러한 문제를 디버깅합니까?
2. 문제의 근본 원인은 무엇입니까?
3. 어떻게 해결할 수 있습니까? 당신의 disqus_config에서

Answer 1

, 당신은 :

this.page.url = 'http://blog.schauderhaft.dehttp://blog.schauderhaft.de/'; 

때문에 하드 코드베이스 URL의 조합과 | prepend: site.urlin _includes/disqus.html :

이

this.page.url = 'http://blog.schauderhaft.de{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}'; 

이 잘 작동합니다 :

this.page.url = '{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}'; 

모든 확장을 사용하지 않으면 CSP 오류가 사라집니다. Disqus가 차단기를 사용하여 CSP를 사용 가능하게 설정 한 상태에서 올바르게 테스트하지 않는 시도 일 수 있습니다. 근원없이 말하기가 어렵다.