如何在AWS中运行角7服务器端呈现(SSR)通用构建

Question

这个问题已经问过了，但解决不了我的问题。

我正在尝试使用Angular-7 Server Side Rendering 运行产品，具体步骤如下：

1. 我使用这个cmd ng add @nguniversal/express-engine --clientProject创建一个构建。
2. 并使用这个cmd npm run build:ssr && npm run serve:ssr启动我的通用应用程序

在这一步之后，它创建了以下文件夹和文件：

​

​

AWS中的下一步：

1. 将dist移到服务器上
2. 安装PM2
3. npm安装pm2 -g
4. pm2 start dist/server.js
5. 创建具有自定义TCP的入站安全组。

在尝试访问我的项目url之后，它显示如下所示

​

我不知道如何解决这个问题。提前谢谢。

Answer 1

这里的问题是，默认情况下，apache/nginx作为and服务器在端口80上呈现输出，而不是在角服务器上。但是，您的角快递服务器并没有在端口80上运行(浏览器希望这样做)，因此，您必须将它实际运行的端口转发到端口80 (默认的http端口)。下面是一些更多的细节：

Nginx: https://eladnava.com/binding-nodejs-port-80-using-nginx/

如果您想在AWS上托管您的节点应用程序(即角ssr )，我个人建议使用弹性豆茎节点bean。默认情况下，这将为您处理所有这些，您只需“压缩”您所拥有的文件夹并将其上传。其他一切(包括pm2)都将由它来处理。

Apache作为代理：如果您想使用apache作为代理，您必须为您的域创建一个虚拟主机并添加以下代码：

<VirtualHost node.example.com:80>   
    ServerName node.example.com  
     ProxyPass / http://localhost:8000/ connectiontimeout=5 timeout=30  # optional timeout settings  
</VirtualHost>