My LaravelウェブサイトはのHerokuに配備されています。たとえば、入力したときhttp://example.herokuapp.com
- > UIはそのままです。しかし、https
を使用すると、UIが混乱して壊れます。Laravel HTTPとHTTPSの要求
どうすればこの問題を解決できますか?
My LaravelウェブサイトはのHerokuに配備されています。たとえば、入力したときhttp://example.herokuapp.com
- > UIはそのままです。しかし、https
を使用すると、UIが混乱して壊れます。Laravel HTTPとHTTPSの要求
どうすればこの問題を解決できますか?
混在コンテンツで問題が発生しました。詳しくはhereをご覧ください。
混在したコンテンツ
混合コンテンツは、初期のHTMLは、セキュアなHTTPS接続を介してロードされたときに発生しますが、(例えば、画像、動画、スタイルシート、スクリプトなど)他のリソースは、安全でないHTTP接続を介してロードされます。
ソリューションは、単に//
を使用しての代わりに、特定のプロトコルを定義するすべてのあなたのスクリプト、スタイルシートなどを参照し、問題を解決するには。この場合、リソースは常にページ自体と同じプロトコルを使用してロードされます。
<img src="http://example.com/picture.jpg">
<img src="//example.com/picture.jpg">
、それはです。
私の推薦は、あなたが資産()を使用することです:
<img src="{{ asset('images/my-image.png') }}">
<link href="{{ asset('css/my-styles.css') }}" rel="stylesheet">
<script src="{{ asset('js/my-script.js') }}"></script>
2番目の引数は安全であるためには 'true'である必要があります。 –
は、HTTPSを使用して、スクリプトやCSSファイルのすべてをしましたか? – Jiro90
明らかに、メインページがhttpsの場合はロードされないhttpリソースがあります。http://example.com/path/fileの代わりに '// example.com/path/file.ext'を使用することをお勧めします。 ext'任意の外部リソース –
どのようにあなたはCSSとJSファイルを参照していますか – Kuru