Laravel9とdocker viteにてlocalサーバーが繋がらない。

Laravel
この記事は約2分で読めます。

タイトルの通り。

結論: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にアクセスすると描写がおかしい。

でかい、デカすぎる!

これで解決

# 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行追加

ブラウザで繋がらない時点で気づくべきだった

コメント

タイトルとURLをコピーしました