Angular 4如何与Laravel 5.5一起使用?

时间:2018-02-01 09:34:59

标签: php angular laravel-5.5 javascript-framework

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

3 个答案:

答案 0 :(得分:1)

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

我喜欢这种角度和laravel的分离,因为你可以很好地控制API,前端(客户端)和后端(管理)。这种分离的另一个好处是你可以在不同的开发人员之间共享任务。

我确信可以将角度项目安装到laravel项目中,但我认为很难在该功能中支持此项目设置。

答案 1 :(得分:1)

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

答案 2 :(得分:1)

我假设你对Angular和Laravel有所了解。

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

很容易整合Laraval和Angular。

Laravel项目中有“resources”目录。在这里,我曾经保留Angular代码。

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

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

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

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

RewriteEngine On

RewriteRule index.html index.php

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