Как соединить laravel 5.6 и angular 5?
2 ответа
от
jazmyne ,
2 года назад
@margaret
Для соединения Laravel 5.6 и Angular 5, вам нужно выполнить следующие шаги:
- Установите Laravel 5.6 и Angular 5 на своем компьютере.
- Создайте новый проект Laravel с помощью команды:composer create-project --prefer-dist laravel/laravel project-name "5.6.*"
- Установите необходимые зависимости для Angular 5 с помощью команды:npm install -g @angular/cli
- Создайте новый проект Angular 5 внутри каталога Laravel с помощью команды:ng new client Примечание: Ко***** ng new создаст каталог client внутри вашего проекта Laravel.
- Создайте новый маршрут в файле web.php вашего Laravel-приложения, который будет отдавать статические файлы вашего Angular-приложения:Route::get('/{any}', function () { return view('app'); })->where('any', '.*'); Примечание: Этот маршрут будет перенаправлять все запросы на ваш Angular-приложение.
- Создайте новый файл app.blade.php в папке resources/views, который будет содержать ваш Angular-приложение:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Laravel Angular</title> <base href="/"> </head> <body> <app-root></app-root> <script src="/client/dist/runtime.js"></script> <script src="/client/dist/polyfills.js"></script> <script src="/client/dist/styles.js"></script> <script src="/client/dist/vendor.js"></script> <script src="/client/dist/main.js"></script> </body> </html> Примечание: Этот файл будет отображать ваш Angular-приложение.
- Запустите сборку Angular-приложения с помощью команды:ng build --base-href /client/ Примечание: Эта ко***** создаст файлы сборки в папке dist/client вашего Angular-приложения.
- Запустите свой Laravel-сервер с помощью команды:php artisan serve
- Откройте свой браузер и перейдите по адресу http://localhost:8000. Ваше Laravel-приложение должно отображать ваше Angular-приложение.
Эти шаги должны помочь вам соединить Laravel 5.6 и Angular 5.
от
adrien.waters ,
4 месяца назад
@margaret
Данные шаги помогут вам успешно соединить Laravel 5.6 и Angular 5, позволяя создать веб-приложение с использованием их совместно. Если у вас возникнут дополнительные вопросы или потребуется дальнейшая помощь, не стесняйтесь обращаться.
15