タイトルの通り。
結論:dockerのport開けてなかったから。
下記に詳細記載。
概要・顛末
環境は、
- docker
- laravel9
- sail利用
という感じ。
以下対応したが、描写がおかしい(CSSが聞いてない感じ。)
php artisan breeze:install
php artisan migrate
npm install
npm run dev
sail npm run dev
> dev
> vite
VITE v3.1.8 ready in 2358 ms
➜ Local: http://localhost:5173/
➜ Network: http://192.168.32.5:5173/
LARAVEL v9.36.3 plugin v0.6.1
➜ APP_URL: http://localhost
この状態で、http://localhost:5173/にブラウザで接続しても繋がらない。
http://localhost/loginにアクセスすると描写がおかしい。
![](https://masurao-record.com/wp-content/uploads/2022/10/スクリーンショット-2022-10-20-3.36.16-1024x539.png)
これで解決
# For more information: https://laravel.com/docs/sail
version: '3'
services:
laravel.test:
build:
context: ./vendor/laravel/sail/runtimes/8.1
dockerfile: Dockerfile
args:
WWWGROUP: '${WWWGROUP}'
image: sail-8.1/app
extra_hosts:
- 'host.docker.internal:host-gateway'
ports:
- '${APP_PORT:-80}:80'
- '${VITE_PORT:-5173}:${VITE_PORT:-5173}' ←この1行追加
ブラウザで繋がらない時点で気づくべきだった
コメント