Как создать angular для производства с помощью laravel?

#php #angular #laravel

Вопрос:

Итак, у меня есть проект, в котором используется угловой интерфейс и серверная часть laravel. Файлы онлайн-сервера состоят только из файлов laravel, и мне сказали, что я должен создать файлы переднего плана, а затем перенести их в папку laravel. Как мне это сделать?

Это моя структура папок.

введите описание изображения здесь

Папка исходного кода содержит угловые файлы, в то время как папка веб-сайта содержит файлы laravel, такие как:

Это находится в папке исходного кода.

введите описание изображения здесь

Это находится в папке веб-сайта

введите описание изображения здесь

Инструкции, данные мне, таковы

Чтобы создать код для производства (ваш живой сайт) после внесения изменений, используйте команды npm run build и gulp dist. Это позволит скомпилировать, оптимизировать и вывести весь интерфейсный код в общедоступную папку/папку клиента. Чтобы обновить свой рабочий сайт, скопируйте (и переопределите) общедоступную папку/папку клиента и resources/views/app.blade.php файл.

Я тоже так сделал. Я запустил npm run build и gulp dist в папке исходного кода, и терминал не показывает ошибок. Все прошло хорошо. Внутри папки веб-сайта папка public/client и приложение.blade также были обновлены в зависимости от времени последнего изменения, потому что оно автоматически изменяется сразу после того, как я закончил выполнение сборки npm run и gulp dist. Однако, когда я запускаю локальный хост laravel, страница не загружается. Когда я запустил php artisan serve и открыл APP_URL, который я установил в файле .env, я получаю сообщение об ошибке «Не удается подключиться к странице», и в консоли говорится, что этот crbug/1173575, файлы модулей, отличные от JS, устарели. Любая помощь будет признательна.

Ответ №1:

Ваша проблема может быть больше связана с архитектурой представления для Laravel, чем с Angular. Для Angular все, что происходит, это то, что в dist/* генерируется несколько файлов, которые вы можете буквально просто закинуть на веб-сервер, и это все приложение.

Следующий шаг-поместить его туда, где его найдет ваш веб-сервер, что может быть связано с конфигурацией Laravel.

Моя рекомендация состоит в том, чтобы убедиться, что файлы создаются в dist/* (или, если путь переопределен, проверьте в области переопределения), и, самое главное, убедитесь, что ваш app.blade.php файл даже вызывается. Если нет, вы можете сосредоточиться на этом.

Может быть, просто вставьте строку стиля «Привет, мир» в php-файл и убедитесь, что она сначала отображается.

 <?php
  phpinfo();
?>
 

Помните, что Angular работает полностью в браузере, вам просто нужно сделать доступными JS, CSS и другие файлы, предполагая, что они действительно создаются и перемещаются в нужное место.