angular - 如何同时实现 Laravel 5.5 和 Angular 4 项目？

Question

如果我想用 Laravel 5.5 实现 Angularjs 4 或 2(angular 将使用来自 laravel 的 API)，最好的方法应该是什么？ 1) 我应该在 xampp/htdocs 中创建两个文件夹，例如 c:/xampp/htdocs/test-laravel55 和 c:/xampp/htdocs/test-angular4 还是 2) 我应该创建一个 laravel 5.5 项目，例如 c:/xampp/htdocs/test-laravel55 并将 angularjs4(e2e、node_modules、src)文件和文件夹放入 test-laravel55？

如果方法 1 更好，您能否推荐一些链接/视频给我，以了解 CRUD 操作、Auth 登录等过程如何。此外，如果方法 2 更好，您能否推荐一些链接/视频给我关于流程/教程、CRUD操作、Auth登录等？

我的主要动机是“管理员用户”可以登录管理面板并创建一些 CRUD 操作，如类别创建、产品创建等。

Answer 1

我的方法是为 Laravel 制作 2 个完全独立的项目，您应该将其放在本地主机根目录中
另一个是 Angular 的，你可以把它放在任何地方

Laravel 项目

您将只使用路由和 Controller ，不需要 View ，并且确保连接到数据库，您可以使用 Postman 来测试您的 REST API 和功能。

Angular 项目

您将在这里处理所有前端路由和 View ，您只需调用后端 API(laravel 项目)来获取和设置数据。

当你通过 ng build 构建 Angular 项目时，它会创建一个名为 dist 的文件夹，这个文件夹是你项目的客户端，你应该用你的域指向它在任何托管服务提供商上部署项目后命名，对于 Laravel 项目，您可以使用子域指向它

示例

您创建了一个 Laravel 项目并将其托管在 app.yourwebsite.com您创建并构建了一个 Angular 项目，然后将 dist 文件夹上传到 yourwebsite.com

现在，当用户点击 yourwebsite.com他会看到你的 Angular 应用程序的前端，然后在它的后面通过 HTTP 请求调用 app.yourwebsite.com 来获取/设置数据

您可以在此处找到更多有用的信息和示例 https://laravel-angular.io/

回答您的问题

1- dist 文件夹是通过 ng build
创建的2- 您将仅上传 dist 文件夹，因为它包含所有已编译的 Angular 应用
3- 任何托管服务器都将被接受，因为您将只托管 JS/HTML 文件，因此您不需要任何编译器或 nodejs/npm 环境