Angular 7 SSR 之后使用 node + nginx 部署在linux

没看到网上详细教程，自己捣鼓一会整出来了，首先是node部署项目本地启动，然后nginx连接到本机即可。

1、linux 安装node

安装node 不多说，csdn找个教程，按照步骤来就行，不多说了。

2、安装pm2 来支持项目持续后台运行

输入 npm install -g pm2

安装完毕的路径  /usr/local/src/nodejs/bin/pm2 

输入 [root@VM_0_13_centos ~]# pm -v
报错：-bash: pm: command not found

原因是：pm2没有配置到全局变量中，添加软连接即可解决

进行软连 ln -s  /usr/local/src/nodejs/bin/pm2  /usr/local/bin/pm2

搞定。

2、Angular ssr打包完毕按照通常配置会在本地生成 dist文件

内部是一个project，一个server文件夹，一个server.js

此时我们在自己电脑 使用  npm run serve:ssr   命令是可以启动项目的。

这时候我们把dist文件夹内容上传到linux服务器上面

我随便将他放到这里

使用linux命令进入文件夹目录：      cd  /usr/local/test

使用命令启动项目 ： pm2 start dist/server.js

正常启动

 

对于nginx 我们只需要更改配置即可，5858 是angular 本地端口号。这个没啥可说的按照安正配置，简单。如果不会nginx 配置 可以看我以前的文章 https://blog.csdn.net/weixin_38391672/article/details/90548399 包括优化

相比于之前的配置就是把  

server {location / {
         root   /usr/local/angular;
         index  index.html;
         try_files $uri $uri/ /index.html;
    }

}

改成

server {
    location / {
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass http://127.0.0.1:5858/;
    }

}

大体先跑通项目暂时。 没详细优化项目和启动过程。

对于angular ssr 操作之后也会也一下。