如何将 Laravel 5.4 与 Angular 4 集成

Posted

技术标签:

【中文标题】如何将 Laravel 5.4 与 Angular 4 集成【英文标题】:How to integrate Laravel 5.4 with Angular 4 【发布时间】:2017-09-15 15:15:25 【问题描述】:

我知道如何自己创建完整的 Laravel 5.4 项目,也知道如何使用 Angular 4 创建 SPA。

问题:

我不知道如何将 Laravel 与 Angular 集成。

另外,我想使用 Laravel 5.4 作为后端,使用 Angular 4 作为前端。

【问题讨论】:

【参考方案1】:

你可以创建两个项目:

Laravel 项目,提供一些 api 的端点并返回一些 json 响应。 Angular 项目在 ajax 中调用 Laravel api 并使用响应更新您前面 SPA 中的 DOM。

【讨论】:

你的意思是两个独立的项目,我使用 JSON 作为两者之间的连接?如果在同一个项目中,这是最好的解决方案还是两者都会更好? 如果你想用 webservices 架构做一个 SPA,你可以使用这个解决方案,用 JSON 作为连接。您也可以使用单体架构,并在您前面的 javascript 对象中传递数据。 创建 CRM 的最佳解决方案是什么。公司系统 两者都很棒。单体架构可能更易于配置和部署。 如果有人感兴趣,这里是 Laravel - Angular 4 集成教程github.com/toni-rmc/laravel-angular-integration【参考方案2】:

使用 Angular Cli 将 laravel 5.4 与 Angular 4 集成的其他最佳方式

Laravel 5.4 & Angular 4.3.4

【讨论】:

【参考方案3】:

将 Laravel 5.4 与 Angular 4 集成的最佳方式

https://laravel-angular.readme.io/docs


为现有项目更新一些

https://learninglaravel.net/angular-4-new-features-and-improvements

【讨论】:

laravel-angular 项目很棒,但它既不支持 laravel 5.4 也不支持 v1 以上的 Angular 它没有谈论问题中提出的 Angular 4

以上是关于如何将 Laravel 5.4 与 Angular 4 集成的主要内容,如果未能解决你的问题,请参考以下文章

如何将我的 laravel 5.0 项目直接升级到 5.4?

如何将 Angular js 路由与 laravel/lumen 路由一起使用?

Laravel 5.4:如何验证图像大小?

Laravel 5.4 如何通过表单请求为用户分配角色?

在laravel 5.4(存储文件夹)中更改默认的“符号链接”文件夹

Angular JS 与 Laravel - 如何绑定 Eloquent ORM 数组以查看