三分钟搞定项目部署

---

前言

在项目部署这块，是否一直云里雾里，下面一起看看，以部署前端项目为例

---

nginx部署

项目打包

在项目进行build之后，会在当前目录下生成一个dist或者build文件夹，这里的内容就是我们要部署的静态文件了。

工具

Xshell

1. 启动Xshell，创建一个新的会话，输入服务器的IP地址、端口号（默认22），选择连接。
2. 输入服务器的用户名和密码，成功连接后，可以开始在服务器上执行命令。

//  1.安装nginx
yum install -y epel-release
yum install -y nginx
 
//  2.启动nginx并设置开机自启动
systemctl start nginx
systemctl enable nginx

//  3.验证Nginx是否安装成功
在浏览器中输入服务器的IP地址，如果看到Nginx的欢迎页面，说明Nginx安装成功。

Xftp

1. 启动Xftp，连接到服务器，输入与Xshell相同的IP地址、端口号、用户名和密码。
2. 在本地找到要部署的项目文件夹，也就是我们刚刚开始打包的dist文件夹，将其拖放到服务器的目标目录，例如/var/www/html。
3. 配置nginx

//  1.找到nginx文件夹下的nginx.conf
server {
    listen       80;
    server_name  your_server_ip_or_domain;

    location / {
        root   /var/www/html/your_project_folder;
        index  index.html index.htm;
    }

    error_page  404 /404.html;
    location = /40x.html {
    }

    error_page   500 502 503 504 /50x.html;
    location = /50x.html {
    }
}

测试

//  1.测试Nginx配置
nginx -t
//  2.如果没有错误，重启Nginx
systemctl restart nginx
//  3.验证部署
在浏览器中输入服务器的IP地址或域名，访问你上传的项目，确认其正常运行。

此时，我们的项目已经部署成功了。