質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

Q&A

解決済

2回答

1311閲覧

DockerでLaravelの認証ページが立ち上がらない

HK1

総合スコア28

docker-compose

docker-composeとは、複数のコンテナで構成されるサービスを提供する手順を自動的し管理を簡単にするツール。composeファイルを使用しコマンド1回で設定した全サービスを作成・起動することが可能です。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

Docker

Dockerは、Docker社が開発したオープンソースのコンテナー管理ソフトウェアの1つです

0グッド

0クリップ

投稿2022/07/20 11:27

Dockerコンテナ上でLaravelを動かしているのですが、Laravelの認証ページが正常に表示されません…

初心者で申し訳ございませんが、どなたかご指摘いただけますと幸いです。

試したこと

コンテナは起動しており、php artisan serveも実行しています。
また、php artisan ui bootstrap --auth を実行後、
npm install && npm run dev も実行しました。

下記はNginxコンテナに入り、npm install を実行した時の様子です。
npmコマンドの実行場所はNginxコンテナの中で間違いないでしょうか、、

hansh@MacBook-Air laradock % docker-compose exec web ash /data # npm install && npm run dev up to date, audited 116 packages in 786ms 19 packages are looking for funding run `npm fund` for details found 0 vulnerabilities > dev > vite Port 3000 is in use, trying another one... Port 3001 is in use, trying another one... vite v2.9.14 dev server running at: > Local: http://localhost:3002/ > Network: use `--host` to expose ready in 595ms. Laravel v9.20.0 > APP_URL: http://localhost

docker-compose.yml

version: '3.9' services: app: build: ./infra/php volumes: - ./src:/data web: image: nginx:1.20-alpine ports: - 8080:80 volumes: - ./src:/data - ./infra/nginx/default.conf:/etc/nginx/conf.d/default.conf working_dir: /data db: build: ./infra/mysql volumes: - db-store:/var/lib/mysql volumes: db-store:

default.conf(Nginxの設定ファイル)

server { listen 80; server_name example.com; root /data/public; add_header X-Frame-Options "SAMEORIGIN"; add_header X-XSS-Protection "1; mode=block"; add_header X-Content-Type-Options "nosniff"; index index.php; charset utf-8; location / { try_files $uri $uri/ /index.php?$query_string; } location = /favicon.ico { access_log off; log_not_found off; } location = /robots.txt { access_log off; log_not_found off; } error_page 404 /index.php; location ~ \.php$ { fastcgi_pass app:9000; fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name; include fastcgi_params; } location ~ /\.(?!well-known).* { deny all; } }

エラーの状態

イメージ説明

イメージ説明

使用環境

・Laravel:9.2.0
・PHP:8.1.8
・Nginx-alpine:1.2.0
・node.js : v14.20.0
・npm : 7.17.0
・ホストOS : M1 Mac

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

「何を参考にやっているのか」という一番重要な情報が抜けてる。
やってることが全部古すぎて何もかも間違ってるので参考にしている情報を間違えている。
Laravelは初心者には使えない。

とっくに非推奨だったlaravel/uiはLaravel mixとの組み合わせで使う前提。
Laravel mixからViteに変わったのでuiはもう完全に使いにくいものになった。
どうしてもui使いたいならViteからmixに戻せばいいけど初心者がそんなことできるわけないし無駄。
最新の正しいLaravelの使い方を覚えるほうがマシ。

参考にしていい情報は公式ドキュメントGitHubだけ。

投稿2022/07/21 00:08

kawax

総合スコア10377

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

「認証ページが立ち上がらない」ではなく、単純にCSSが効いてないだけにしか見えませんが・・・ CSSをちゃんとビルドすればちゃんと表示されるのでは?

ちなみにLaravel9.2からLaravel Mix→Viteに変更になってるようですので注意してください(自分はまだ触ったことないのでよく分かりません)。

参考)
https://readouble.com/laravel/9.x/ja/mix.html
https://blog.capilano-fw.com/?p=10747

投稿2022/07/20 13:36

AbeTakashi

総合スコア4505

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HK1

2022/07/21 10:45

ご回答ありがとうございます。CSSのビルドは別途、手動でやる必要があったのですね、、 今度はLaravel viteの使い方が分かりませんので、また調べてみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問