Angular 4 如何与 Laravel 5.5 一起使用？答案

【问题标题】：How can Angular 4 use with Laravel 5.5 together?Angular 4 如何与 Laravel 5.5 一起使用？
【发布时间】：2018-07-11 13:59:37
【问题描述】：

我知道 Angular 可以与一些框架集成。我想在 Laravel 5.5 版本中使用 Angular 版本 4，但我不知道如何设置应用程序。我可以将 Angular CLI 安装到 Laravel 项目中吗？哪种解决方案最适合使用 Angular 构建应用程序（与框架集成或单独的两个项目）？

【问题讨论】：

【解决方案1】：

我假设你了解 Angular 和 Laravel。

我在许多项目中使用过 Angular(2+) 和 Laravel。 Angular 用于前端开发，Laravel 用于后端 API。

集成 Laraval 和 Angular 非常容易。

Laravel 项目中有“资源”目录。在这里面，我曾经保留 Angular 代码。

使用“ng build”命令，这将创建一个“dist”目录。此目录保存您的所有文件（javascript、CSS、图像和索引文件）。

Laravel 从 Laravel 项目根目录的“public”文件夹中提供应用程序。

将“dist”（使用“ng build”命令创建）文件夹放在“public”目录中。

如果使用 Apache Web 服务器，则将公用文件夹设置为根文件夹，并在“.htaccess”文件中添加重写规则。

重写引擎开启

重写规则 index.html index.php

现在服务器将读取我们放置在公共文件夹中的“index.html”文件。

【讨论】：

【解决方案2】：

我实际上正在使用 laravel 和 angular (v4) 开发一个项目。项目设置非常简单。我们正在使用 laravel 进行 API 开发。使用 Angular 我们为 userc/clients 创建前端页面，为管理员创建后端页面，管理员可以管理前端页面。

我喜欢 angular 和 laravel 的这种分离，因为这样你可以很好地控制 API、前端（客户端）和后端（管理）。这种分离的另一个好处是您可以在不同的开发人员之间共享任务。

我确信可以将angular项目安装到laravel项目中，但我认为在功能中很难支持这个项目设置。

【讨论】：

【解决方案3】：

我刚刚发布了一个简单的 npm 工具，用于将 Angular 集成到 Laravel。它易于使用并提供快速的基本集成 - https://www.npmjs.com/package/laang

【讨论】：