如何在laravel中实现角度服务器端渲染？

我创建了一个角度为5的单页面应用程序。我使用这个应用程序和laravel后端。 在laravel项目中，我有一个角度文件夹，此文件夹存储所有角度文件。 我在root文件夹的项目文件夹中的公用文件夹中构建了angular文件夹外的角度应用程序。 我设置了web.php文件，因此如果我访问homestead.test url，index.html将从公用文件夹加载。 在使用故事通用渲染设置服务器端渲染之后，我构建了客户端应用程序和服务器包。 在我做完这些之后，在浏览器中进入homestead.test，我发现我的应用程序看起来并不像以前那样。 正常的ng build（我是匈牙利人，所以我用匈牙利语）： 在我做了universan渲染构建（ng build --prod --extract-css，ng build --prod --extract-css --app 1 --output-hashing = false后，我使用了--extract-css，因为我使用scss的角度，当我没有使用它，我得到了很多警告）： 当我查看页面源代码时，它看起来像原始的角色源，但在快速服务器中，源代码显示了真实的内容。 所以我的问题是如何设置laravel来充当快递服务器？ ng build --prod --extract-css会创建大量js文件，资产文件夹和其他一些文件，但ng build只会创建其中一些文件，而不包含assets文件夹。 那么我怎样才能导入laravel中的所有资产文件夹和js文件？ 通用渲染故事也从Node server.ts创建server.js文件。 我不知道这个文件在laravel中是必需的。

我还有一些附加问题：将laravel连接到角度应用程序的最佳方式是？ 如果是的话，我可以用真正的网络主机托管吗？ 有没有免费的网络主机来测试我的应用程序？ 如果我像express express服务器一样成功地在laravel中显示角度应用程序，那么在任何url中刷新页面都将起作用？ 因为现在我收到了一条错误消息。

我创建了这个应用程序作为我的大学的论文应用程序，并且我在网上主持了应用程序，我只使用本地主机。

---

Angular Universal的想法是在服务器端运行javascript以在服务器端生成页面。 Node（Express JS）当然很容易，因此已经存在。

关于PHP上的Angular Universal，你可以关注这个Github问题。 我的理解是，至少在今天，没有任何支持。 但确实有很多人希望得到支持，未来可能会有支持。

目前，您有以下选择：

您可以继续按照现在的方式进行操作，并且可以在任何托管平台上托管应用程序。 虽然，您应该改进您的构建机制以删除在Laraval中复制角度文件的手动干预。 你的构建机制应该做所有这些复制事情。 这种方法的缺点是你不会享受到Angular Universal提供的服务器端渲染的好处。 但如果你不关心页面加载速度和搜索引擎优化这些好处，你是好的。

另一种选择是在Node（Express JS）中托管您的Angular部分，并将所有API调用路由到Laraval。 因此，您可以从Angular Universal中获益。 这意味着你看到要在至少两个进程中运行 - 一个用于API，另一个用于为UI提供服务。

这两个选项都根据要求使用。 对于更大的基于微服务的体系结构，第二种方法是首选，因为它使UI部分和API部分的生命周期独立。

但是，对于用户群较少且不关心搜索引擎优化的较小项目，第一种选择是合理的。

链接地址: http://www.djcxy.com/p/31397.html

上一篇: How to implement angular server side rendering in laravel?

下一篇: Angular 4 server side rendering to serve a fully generated HTML page