【Laravel】Vite環境を本番環境にデプロイしたらcssレイアウトが崩れた


Laravelでサイトを作成して、いよいよ本番環境にデプロイしましたが、レイアウトが崩れて表示されてしまいました。

このとき、ページのソースコードを表示すると、以下のようなURLがありました。

src="http://[::1]:5173/@vite/client"

これは、app.blade.php内で、「@vite([‘resources/sass/app.scss’, ‘resources/js/app.js’])」と記載されている部分になります。

開発環境ではちゃんとlocalhostに変換されるのに、本番環境では本番のURLではなく上記のように変換されてしまいます。

Viteの設定をどうにかすれば解消するのかと思って調べていたのですが、なかなか解決策が見つからず、、、

しかし、Routeの処理で回避できる方法があったので、メモです。