【背景】

AWSからVagrantにローカル環境を変えて、開発を行う。
Viewを作成時に、コンパイルしたcssを読み込もうしても、Viewに反映されず行き詰まる。

【状況の確認】

Bladeファイルのheadタグ内にCSSを読み込む記述がされているか確認。

 <link href="{{ secure_asset('css/app.css') }}" rel="stylesheet">
 <link href="{{ secure_asset('css/style.css') }}" rel="stylesheet">

次にchromeの検証ツールでエラー内容を確認。エラーは検証ツール画面の右上の設定マークの横にある赤いバツ❌をクリックします。

net::ERR_CONNECTION_CLOSED　と表示されています。
どうやら接続ができない様子。Javascriptの方もできていない。

Blade内のsecure_の部分を消す。

 <link href="{{ asset('css/app.css') }}" rel="stylesheet">
 <link href="{{ asset('css/style.css') }}" rel="stylesheet">

同ファイル内のJavascriptの部分も直します。

 <script src="{{ asset('js/app.js') }}" defer></script>

これでブラウザで確認すればCSSが反映されていると思います。

Web環境のhttpsを使った環境だとsecure_を付ける必要がある。
今回、開発環境をAWSからローカル環境のVagrantに変えたので、記述を変える必要があったようです。