如何将 Angular Universal 项目部署到标准托管？答案

【问题标题】：How to deploy Angular Universal project to standard hosting?如何将 Angular Universal 项目部署到标准托管？
【发布时间】：2021-04-10 12:23:05
【问题描述】：

我的 Angular Universal 项目在我的本地主机上运行。所以现在我想在安装了 Node.js 的标准 Web 主机上对其进行测试。

我已经跑了：

npm run build

并收到带有 client 和 server 子文件夹的 dist 文件夹。

我应该如何将这些文件夹和文件放入其中以在主机上运行项目？

谢谢。

【问题讨论】：

【解决方案1】：

所以我已经将我的 Angular Universal 项目部署到我的主机上。

我可以说我的主机支持团队给了我很多帮助。我不知道是否可以自己部署这样的项目。

我的主机支持 Node.js。主机支持团队向我提供了如何使用 terminal 在主机上安装 Node.js 的说明 Mac 或 Windows 程序，如 PuTTY。

然后我完成了以下步骤：

在主机上为项目创建文件夹。
将 dist 文件夹复制到创建的文件夹中。
在项目文件夹中安装 NPM。在这一步，支持团队给了我一些帮助。因为你应该用 PATH 做一些事情 NPM 的正确安装和工作。
标准主机将 public_html 文件夹链接到您的域名。但是 Angular Universal 项目应该在一个单独的文件夹中。所以我已经要求支持将我的域重定向到 Angular 项目文件夹和正确的端口。
使用终端运行服务器：

节点 dist/server/server.js

毕竟我可以看到我的项目在我的域名上运行良好。

添加。我也尝试了以下方法：将我的项目文件夹（没有 node_modules 文件夹）复制到主机，然后运行

npm 安装

npm 运行构建

您也可以通过这些命令在主机上创建 dist 文件夹。

添加。假设您在主机上配置了 Node.js 服务器。此外，您应该确保您的项目已准备好部署。这是一个链接需要什么代码来准备这个：https://github.com/angular/angular-cli/wiki/stories-universal-rendering

您还需要在主机上复制 client/ 和 server/ 文件夹以及 server.js 和 package。 json 文件。然后您可以通过

运行您的应用程序

节点服务器.js

【讨论】：

您使用什么托管服务提供商？
我使用了 Beget.com。项目已部署，但处理数据时出现问题。在我的本地机器上，该项目运行良好，但部署后我可以看到前端客户端但没有加载数据，我尝试了一些方法但无法解决问题。因为这是我的测试工作，所以我没有继续下去。
@Kirill Ch 你能在这里分享你的网站网址链接吗？如果你现在知道所有这些步骤意味着再次解释或任何参考网址
@chozharajan 抱歉，我现在不再使用 Angular Universal，因为我只创建不需要 Universal 及其页面呈现的公司系统。
@KirillCh 感谢分享。我在很流行的 bluehost 上托管，但在标准托管计划中不支持 Node.js！但是，我找到了一个不需要 Node.js 就可以进行静态渲染的解决方案，在这里发布一个问题，检查一下：stackoverflow.com/questions/56515353/…