Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

【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」にぶち込んだら動いた!

image.png

taraka
初心者が備忘録として残しておきます! 後で見返す用。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away