LoginSignup
5
2

More than 3 years have passed since last update.

https(SSL)通信の環境下でjavascriptが動かなくなる場合の原因と解決方法 ( 本番環境(AWS)でjavascriptを読み込む方法 )

Last updated at Posted at 2020-01-19

はじめに

某プログラミングスクールの課題で、Railsを使ってECサイトを作成しています。

発生時の状況

商品出品画面のカテゴリー選択時、javascriptを使ってサブカテゴリーを入力できる機能を実装
本番環境にデプロイすると、カテゴリー選択時にサブカテゴリーが出現せず入力できませんでした。

エラーの仮説

・javascriptが本番環境で読み込めてない

エラーの原因

本番環境つまり、httpsによるSSL暗号通信下では、読み込んでない。

対策

1,jQuery本体をダウンロードして自分のサーバーで動かす方法。

2,URLをhttpsに変更する方法。

application.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

3,プロトコルを指定しない方法。

application.html
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

3つ目の方法が一番汎用性が高いのでおすすめです。この記述方法はjavascriptに限らず、CSSや画像のパスの指定にも使えるので、覚えておくと便利だそうです!!


参考記事


最後に

自分のメモ用と、アウトプットとして記事に投稿させていただきました。

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2