前言

之前都是通过上传整个node项目代码，然后启动的项目。
项目比较大所以换成打包成dist文件，并使用nginx部署的方式
部署的系统 Ubuntu22.04

部署

安装nginx

#更新本地软件包
sudo apt update
#安装nginx
sudo apt install nginx
#验证nginx是否安装成功
sudo systemctl status nginx

如果nginx正在运行，则状态应该是active(running)

启动nginx

systemctl start nginx

停止nginx

systemctl stop nginx

重启nginx

systemctl reload nginx

浏览器访问 http://服务器IP:部署端口,端口默认80

node项目打包dist文件

看下项目包文件，查看下打包指令，一般是npm run build之类的,生成dist文件后将其上传到服务器

修改nginx配置文件

需要新增额外的nginx的配置文件

cd  /etc/nginx/sites-enabled #进入目录
nano website.conf #新增配置文件 保存文件ctrl+o 退出文件ctrl+x

添加以下内容

server {
    listen 8098 default_server;  #8098可以修改为你需要设置的端口号
    root /home/lighthouse/blog/dist;  #前端打包dist文件存放的路径地址
    index index.html index.htm;  #保证你的dist文件夹下面有个文件叫做index.html
    server_name localhost;  #这里的localhost替换为你自己的ubuntu所在ip地址 如 66:666:66:666
    location / {
        try_files $uri $uri/ =404;  # 如果没有找到文件，就返回404错误
    }
}

nginx运行会加载目录/etc/nginx/sites-enabled下的所有配置文件，所以会运行website.conf文件 然后重启nginx并放开8098端口，在浏览器输入 ip:8098 就能访问了

过程问题记录

Q：已经部署过Nginx Proxy Manager,安装nginx时候默认端口80被占用
A：修改nginx的部署端口为82,然后放开82端口

nano /etc/nginx/sites-available/default

Q：dist文件上传、移动可能会遇到权限问题
A: 修改用户组权限

sudo chmod -R 777 /home/lighthouse/blog #将路径替换成自己的文件存放位置