Laravel Breeze Layout сломана (CSS Tailld CSS не нанесен) при беге с Docker ⇐ Php

[Anonymous]

Я в настоящее время работаю над проектом Laravel и пытаюсь внедрить форму входа в систему с использованием Laravel Ext. Я установил ветерок на свежую установку Laravel 11 в среде Docker. Однако, когда я получаю доступ к странице входа в систему, макет выглядит сломанной, и кажется, что CSS Tailwind не применяется (см. Прикрепленный скриншот). Я хотел бы знать, как заставить страницу появиться с правильным макетом (то есть, правильно применяются стили ветра). < /P>
Введите описание изображения здесь < /p>

Установка среды < /plorn> < /p>
hare hease ate-by-by-step: < /press> < /p>
hare hease ate-by-sstep: < /br /br /> .

Код: Выделить всё

docker compose up -d

docker compose exec l11dev-app bash
cd /src
mkdir l11dev_tmp
cd l11dev_tmp
composer create-project "laravel/laravel=11.*" . --prefer-dist

cd /src
mv l11dev_tmp/* ./
mv l11dev_tmp/.* ./
rm l11dev_tmp -rf

cd /src
composer install
npm install
composer require laravel/breeze --dev
php artisan breeze:install

php artisan migrate
chmod -R guo+w storage
php artisan storage:link

npm run dev

После приведенных выше шагов я получил доступ к приложению, открыв http: // localhost в моем браузере.

Код: Выделить всё

DB_CONNECTION=mysql
DB_HOST=l11dev-mysql
DB_PORT=3306
DB_DATABASE=l11dev
DB_USERNAME=root
DB_PASSWORD=root
< /code>

 структура проекта < /strong> < /p>
project-root
│
│ docker-compose.yml
│
├─docker
│  ├─mysql
│  ├─nginx
│  │  │  default.conf
│  │  │  Dockerfile
│  │  │
│  │  └─logs
│  │          access.log
│  │          error.log
│  │
│  └─php
│          Dockerfile
│          php.ini
│
└─src
< /code>

docker-compose.yml[/b]
version: '3'
services:
l11dev-nginx:
container_name: "l11dev-nginx"
build:
context: ./docker/nginx
depends_on:
- l11dev-app
ports:
- 80:80
volumes:
- ./:/src

l11dev-app:
container_name: "l11dev-app"
build:
context: ./docker/php
depends_on:
- l11dev-mysql
volumes:
- ./:/src
- /src/node_modules
- /src/vendor
- ./docker/php/php.ini:/usr/local/etc/php/php.ini

l11dev-mysql:
image: mysql:8.0.37
command: --max_allowed_packet=32505856
container_name: "l11dev-mysql"
volumes:
- ./docker/mysql:/var/lib/mysql
environment:
- MYSQL_ROOT_PASSWORD=root
- MYSQL_DATABASE=l11dev
ports:
- 3306:3306

l11dev-redis:
image: redis:alpine
container_name: "l11dev-redis"
ports:
- 16379:6379

docker/nginx/default.conf

Код: Выделить всё

server {

listen 80;
server_name _;

client_max_body_size 1G;

root /src/public;
index index.php;

access_log /src/docker/nginx/logs/access.log;
error_log  /src/docker/nginx/logs/error.log;

location / {
try_files $uri $uri/ /index.php$is_args$args;
}

location ~ \.php$ {
fastcgi_split_path_info ^(.+\.php)(/.+)$;
fastcgi_pass l11dev-app:9000;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param PATH_INFO $fastcgi_path_info;
}

}

docker/nginx/dockerfile

Код: Выделить всё

FROM nginx:1.27
COPY ./default.conf /etc/nginx/conf.d/default.conf

docker/php/dockerfile

Код: Выделить всё

FROM php:8.3-fpm

RUN apt-get update && apt-get install -y \
git \
zip \
unzip \
vim \
curl \
gnupg \
ca-certificates \
libfreetype6-dev \
libjpeg62-turbo-dev \
libmcrypt-dev \
libpng-dev \
libfontconfig1 \
libxrender1

RUN docker-php-ext-configure gd --with-freetype --with-jpeg \
&& docker-php-ext-install gd bcmath pdo_mysql mysqli exif

RUN curl -sS https://getcomposer.org/installer | php -- --install-dir=/usr/local/bin --filename=composer

ENV NODE_VERSION=20.15.0
ENV NVM_DIR=/root/.nvm
RUN curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash && \
.  "$NVM_DIR/nvm.sh" && \
nvm install $NODE_VERSION && \
nvm use $NODE_VERSION && \
nvm alias default $NODE_VERSION && \
ln -s "$NVM_DIR/versions/node/v$NODE_VERSION/bin/node" /usr/local/bin/node && \
ln -s "$NVM_DIR/versions/node/v$NODE_VERSION/bin/npm" /usr/local/bin/npm

WORKDIR /src

ADD . /src/storage
RUN chown -R www-data:www-data /src/storage

docker/php/php.ini
upload_max_filesize=256M
post_max_size=256M
< /code>

Мой вопрос < /strong> < /p>
Что может привести к тому, что CSS не загружается правильно в этой настройке? Есть ли что -то не так с моими объемами Docker, конфигурации Nginx или с тем, как я установил Laravel Breeze?

Подробнее здесь: https://stackoverflow.com/questions/795 ... ith-docker