【JQuery】This request has been blocked; the content must be served over HTTPS.と表示される。
事象について
グラフを描画するために、以下JQueryを読み込む処理を記載した。
<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」にぶち込んだら動いた!
Author And Source
この問題について(【JQuery】This request has been blocked; the content must be served over HTTPS.と表示される。), 我々は、より多くの情報をここで見つけました https://qiita.com/taraka/items/e7f86c418ecf2de7895f著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .