github pages でのajax通信
githubpages上からajax通信ができない?!
OpenWeatherMapという世界中の年の天気を調べることができるAPIを使ったアプリを、github pges を使って公開してみました。
以下はリンクと、トップページのスクショです。
しかし、公開してから一つ問題が発生しました。
開発環境では問題なくajax通信行うことができていたのに、github pages上では通信ができない。。。
解決方法
javascriptのコンソールを立ち上げてみると、”http通信は安全ではありません” といったエラー文が出ていました。
なので、ajaxの引数に渡すurlをhttpsに書き換えてあげたら動いてくれました!
理由がわかるまでは、github pages ではajax通信できない仕様なのか?!など色々調べて焦りましたが、httpsに変えるだけで解決してくれてよかったです!