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>

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

5 件のコメント:

  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. I visited your blog for the first time and just been your fan. I Will be back often to check up on new stuff you post!
    Instant VPN Service

    返信削除
  3. 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

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

    返信削除