2014年1月18日土曜日

CDN使う時にhttpとhttpsアクセスがある場合にエラーになった話

このエントリーをはてなブックマークに追加 はてなブックマーク - CDN使う時にhttpとhttpsアクセスがある場合にエラーになった話

Herokuに昔デプロイしたアプリを久々に見にいったらhttpsアクセスも許容するようになったらしく、その場合にCDNからのjQueryなどの読み込みに失敗しており、コンソールを見ると以下のようなエラーが表示されていました。

混在アクティブコンテンツ "http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" の読み込みをブロックしました

どうやらSSLアクセスの場合、CDNもSSLにしろって事らしい。

でも単純にhttpsとか書き換えるんではなくてhttpsアクセスの時だけhttpsのCDNを見に行くと一番嬉しいと思って調べてたら以下のようにhttpを消すとアクセスに応じて取得先を変更してくれました。

How to fix a website with blocked mixed content

変更前

<script src="http//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

変更後

<script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

これで再デプロイしたらうまくできました。良かった。

4 件のコメント:

  1. I am really very agree with your qualities it is very helpful for look like home. Thanks so much for info and keep it up.
    cracking programs

    返信削除
  2. Post is very informative,It helped me with great information so I really believe you will do much better in the future.
    free vpn test

    返信削除
  3. wow i love that SO much... can i cut and paste it into my blog?? but give u credit, of course???
    خرید vpn آنلاین

    返信削除