【JQuery】This request has been blocked; the content must be served over HTTPS.로 표시된다.

사건에 대해

그래프를 묘화하기 위해, 이하 JQuery를 읽는 처리를 기재했다.

application.html.erb

<script type="text/javascript" src="https://d3js.org/d3.v4.min.js"></script>
<script type="text/javascript" src="http://techanjs.org/techan.min.js"></script>

그러면 ... "techan.min.js"가로드되지 않습니다. 오류를 확인하면

The page at 'https://74f8d60….vfs.cloud9.us-east-2.amazonaws.com/' was loaded over HTTPS, 
but requested an insecure script 'http://techanjs.org/techan.min.js'. 
This request has been blocked; the content must be served over HTTPS.

"이 콘텐츠는 http이므로 차단합니다. https로 해주세요."

실시한 것

https로 변경해 보면 ... 표시되지 않는다. 원래 https에는 대응하지 않는 것 같다.
검색하면 https를 생략해도 읽을 수 있다는 것이므로 시도해 보겠습니다.

<script type="text/javascript" src="//techanjs.org/techan.min.js"></script>

굿・・・안돼・・・! 콘텐츠가 http밖에 없는 경우, 어떻게 해서도 차단되는 것 같다.

대처법

보통 JQuery를 다운로드하고 파일을 "app/assets/javascripts"에 넣으면 움직였다!