前端将项目部署到服务器(Nginx)的完整步骤

一、准备环境
二、安装Nginx

• 1、 安装Nginx依赖
• 2、下载Nginx
• 3、解压下载好的Nginx 压缩包
• 4、编译安装Nginx
• 5、启动Nginx服务

三、操作步骤

• 1、使用Xshell连接服务器
• 2、上传静态资源文件
• 3、 配置Nginx
• 4、 重启Nginx服务

1、服务器或者虚拟机（后端已经搭建好的，这里就不讲述如何搭建服务器了）
2、Xshell 和 Xftp --> 存放静态文件和操作服务器
3、Windows系统
Xshell：是一个强大的安全终端模拟软件，可以在Windows界面下用来访问远端不同系统下的服务器。（作用就是用来连接远程服务器的）
Xftp：是一个功能强大的SFTP、FTP 文件传输软件。（作用是存放静态文件和上传静态资源）

使用Xshell连接服务器，既然想要在服务器上面放静态资源，像HTML，js等，就需要安装静态资源服务器。静态资源服务器有Apache和Nginx，这里我们选用nginx。

1、 安装Nginx依赖

2、下载Nginx

3、解压下载好的Nginx 压缩包

找到安装包Nginx安装路径，并在目录下进行解压。

进入解压好的Nginx目录下：

4、编译安装Nginx

1、使用Xshell连接服务器

1、查找安装的路径：whereis nginx;
2、执行Nginx启动命令：/usr/local/nginx/sbin/nginx；
3、查看服务运行状态：ps -ef | grep nginx；
4、停止服务：kill 进程号； /usr/local/nginx/sbin/nginx -stop
5、重启服务：/usr/local/nginx/sbin/nginx -s reopen

2、上传静态资源文件

连接Xftp，进行文件传输。服务器的根目录是 /root ，这里可以创建一个自己的项目文件目录进行静态资源文件的存放。直接把打包后的dist文件放在目标目录即可。

3、 配置Nginx

按insert键进入编辑模式，说明以及配置文件如下：

修改完成后：wq 保存退出。

4、 重启Nginx服务