2017-06-05 16 views
-2

My LaravelウェブサイトはのHerokuに配備されています。たとえば、入力したときhttp://example.herokuapp.com - > UIはそのままです。しかし、httpsを使用すると、UIが混乱して壊れます。Laravel HTTPとHTTPSの要求

どうすればこの問題を解決できますか?

+1

は、HTTPSを使用して、スクリプトやCSSファイルのすべてをしましたか? – Jiro90

+2

明らかに、メインページがhttpsの場合はロードされないhttpリソースがあります。http://example.com/path/fileの代わりに '// example.com/path/file.ext'を使用することをお勧めします。 ext'任意の外部リソース –

+0

どのようにあなたはCSSとJSファイルを参照していますか – Kuru

答えて

1

混在コンテンツで問題が発生しました。詳しくはhereをご覧ください。

混在したコンテンツ

混合コンテンツは、初期のHTMLは、セキュアなHTTPS接続を介してロードされたときに発生しますが、(例えば、画像、動画、スタイルシート、スクリプトなど)他のリソースは、安全でないHTTP接続を介してロードされます。

ソリューションは、単に//を使用しての代わりに、特定のプロトコルを定義するすべてのあなたのスクリプトスタイルシートなどを参照し、問題を解決するには。この場合、リソースは常にページ自体と同じプロトコルを使用してロードされます。

  • 旧:<img src="http://example.com/picture.jpg">
  • 新:誰もが言うようにあなたはhttpプロトコルの下でロードされたいくつかの資産を持っているし、あなたのドメインがhttpsであるため、<img src="//example.com/picture.jpg">
0

、それはです。

私の推薦は、あなたが資産()を使用することです:

<img src="{{ asset('images/my-image.png') }}"> 

<link href="{{ asset('css/my-styles.css') }}" rel="stylesheet"> 

<script src="{{ asset('js/my-script.js') }}"></script> 
+0

2番目の引数は安全であるためには 'true'である必要があります。 –

関連する問題