laravel刀片内的Angular 6项目答案

【问题标题】：Angular 6 project inside laravel bladelaravel刀片内的Angular 6项目
【发布时间】：2019-02-19 01:33:02
【问题描述】：

我在 laravel 后端使用 angular 6 项目。我使用 --prod 和 -base-href = /public/angular/dist/ 构建项目，一切都很好。现在我从 laravel 刀片中的 public/angular/dist/index.html 加载索引 html 文件：

include base_path()./public/angular/dist/index.html';

刀片完美加载静态角度部署的 html 文件，但我唯一的问题是 url 变成了

mydomain.com/public/angular/dist

我尝试使用 htaccess 重写 url，但无法成功。有什么办法可以帮助我吗？

【问题讨论】：

标签： laravel angular6 laravel-blade

【解决方案1】：

据我了解，Angular 2+ 和 Laravel 的组合是分开的项目。

在后端你用 Laravel 创建一个 api，然后你可以从任何前端使用它：angular、react、android 等。

在前端，您创建一个服务来获取后端的 api url，并且该 url 响应一个 json，例如，它可能是一个用户列表。

【讨论】：

【解决方案2】：

它会起作用： 1. 使用以下 cmd 构建您的 Angular 应用程序：

ng build --prod --output-path pwa-app--base-href /pwa-app/

将 Angular 项目构建复制粘贴到您的 laravel 应用程序

3.转到资源>视图。创建app.php并粘贴以下代码

<?php readfile("./pwa-app/index.html"); ?>

4.在web.php中添加如下路由

Route::any('/pwa-app/{any?}',function() { return view('app'); });

5.试试！！！

你的域名/pwa-app

我希望这会奏效......

【讨论】：