Laravel AWS(Cloud9)で開発プレビューするとCSSが反映されない

現象

ログイン画面(Laravel Auth)が正しく表示されない。(おそらくCSSの読み込みエラー)
環境としては、AWS(Cloud9)にLaravel6。

Laravelトップ(正常)
ログイン画面(デザイン崩れ)

経緯

AWSのCloud9でLaravelの開発中に起きた出来事。
最近のプログラミングスクールではAWSでLaravelってことも多そうなので備忘録。

ひとまずCloud9の初期設定を終わらせてLaravelプロジェクトを作成
そのままLaravel認証機能の導入。
ログイン画面にアクセスすると、こちらの事象が発生。

原因

DevToolsを確認してみると原因は簡単にわかります。

DevToolsでエラー内容をチェック

色々書いては有りますが、大事なのは気になるメッセージはこのあたり

This request has been blocked; the content must be served over HTTPS.

ざっくりですが「HTTPSのページでHTTPのコンテン読み込みしているからブロックしたよ」みたいな感じ。
HTTPS通信をしているページなのに、HTTP通信をしているものがあってエラーとなるのは納得です。

解決方法

HTTPS通信を強制してやれば良いということで、、、、
routes/web.phpの先頭にこんな記述を追加

URL::forceScheme('https');

これで確認すると

きれいなログイン画面が表示されました。