Не подтягиваются стили и скрипты в чистый проект

fenix_63 · Сегодня 12:01:58

Всем добрый день!

Подскажите, почему перестали подтягиваться стили и скрипты для начальной страницы Laravel 12 ?

Проект открывается по адресу: http://localhost:8000/ Верстка отображается, а вот стили и скрипты не подтягиваются.

Открыл коннсоль Google Chrrome, а там написано, что Laravel пробует их подтянуть с адреса

http://localhost:5173/resources/css/app.css
http://localhost:5173/@vite/client
http://localhost:5173/resources/js/app.js

Везде ошибка net::ERR_CONNECTION_REFUSED

Но дело в том, что я нигде не прописывал порт 5173

Вот содержимое файла docker-compose.yaml:

services:
    nginx:
        container_name: "nginx_docker"
        image: "nginx:stable-alpine"
        ports:
            - "8000:80"
        volumes:
            - ./nginx/nginx.conf:/etc/nginx/conf.d/default.conf:ro
            - ./src:/var/www/laravel
    php:
        container_name: "php_docker"
        build:
            context: dockerfiles
            dockerfile: php.Dockerfile
        volumes:
            - ./src:/var/www/laravel
            - ./php/xdebug.ini:/usr/local/etc/php/conf.d/docker-php-ext-xdebug.ini
        environment:
            #PHP_IDE_CONFIG: "serverName=localhost:8000"
            PHP_IDE_CONFIG: "serverName=xdebug"
    mysql:
        container_name: "mysql_docker"
        image: mysql:8.0
        ports:
            - "3316:3306"
        env_file:
            - env/mysql.env
    phpmyadmin:
        container_name: "phpmyadmin_docker"
        image: phpmyadmin/phpmyadmin:latest
        ports:
            - "8080:80"
        environment:
            PMA_HOST: mysql
            MYSQL_ROOT_PASSWORD: password
    composer:
        container_name: "composer_docker"
        build:
            context: dockerfiles
            dockerfile: composer.Dockerfile
        volumes:
            - ./src:/var/www/laravel
    artisan:
        container_name: "artisan_docker"
        build:
            context: dockerfiles
            dockerfile: php.Dockerfile
        volumes:
            - ./src:/var/www/laravel
        entrypoint: ["php", "/var/www/laravel/artisan"]

Вот содержимое vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import tailwindcss from '@tailwindcss/vite';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        tailwindcss(),
    ],
});

Вот файл routes/web.php:

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\PostController;

Route::get('/', function () {
    return view('welcome');
});

Вот сам шаблон resources/views/welcome.blade.php:

...

<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Laravel</title>

        <!-- Fonts -->
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />

        <!-- Styles / Scripts -->
        @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
            @vite(['resources/css/app.css', 'resources/js/app.js'])
        @else
            <style>
                <стили tailwind>
            </style>
        @endif
    </head>
...

Да, до этого я экспериментировал с добавлением своего файла стилей, изменением конфигурации vite.config.js и docker-compose.yaml
Но как только понял, что пока не получается, и рановато это делать - вернул всё как было, пересобрал контейнеры докер, открыл браузер на начальной странице http://localhost:8000/ но стили и скрипты почему то подтягиваются с порта 5173.

Подскажите, как это лечить? В инкогнито тоже самое

Laravel по-русски

#1 Сегодня 12:01:58

Не подтягиваются стили и скрипты в чистый проект

Подвал раздела