Xshell连接服务器部署前后端项目【第三篇】(部署前端）

1.安装依赖

sudo yum install openssl openssl-devel 
sudo yum install pcre pcre-devel
sudo yum install gcc
sudo yum install pcre-devel
sudo yum install openssl openssl-devel
sudo yum install zlib zlib-devel
sudo yum install nano
安装依赖的时候，中间会有一些询问，输入Y即可;
查看是否安装成功： rpm -qa xxx

2. 下载nginx的tar包

进入/usr/local目录
cd /usr/local
//创建一个文件夹nginx
mkdir nginx
//进入nginx文件夹
cd nginx
//下载tar包 （版本随意，必须）
wget http://nginx.org/download/nginx-1.13.7.tar.gz
//解压tar包
tar -xvf nginx-1.13.7.tar.g

3. 安装nginx

//进入nginx目录
cd /usr/local/nginx
//执行命令
./configure
//执行make命令
make
//执行make install命令
make install

4. 启动nginx

/usr/local/nginx/sbin/nginx

这个时候浏览器地址输入：localhost 就会提示你：Welcome to nginx! 这就等于nginx安装成功啦，默认端口是80

部署前端项目

1. 将打包好的项目或者自己单页面的index.html文件放在服务器nginx目录下的html文件夹中
2. 在html文件夹下面通过rz + 回车命令将文件上传进去
3. 如果是index.html直接省略这一步骤，如果是压缩包就需要通过unzip 文件名 解压，得到打包好的目录文件
4. 然后运行/usr/local/nginx/sbin/nginx就可实现

如果启动nginx报如下错误：

...........bind() to 0.0.0.0:80..........
...........bind() to 0.0.0.0:80..........
...........bind() to 0.0.0.0:80..........
...........bind() to 0.0.0.0:80..........

这样表示 80 端口地址已被使用,nginx默认端口是80，执行命令，查询端口占用情况

netstat -ntpl

打印出来一串端口代码，打印出来可以看到这里的80端口被nginx占用了，我们需要的是这一串代码的最后一项，也就是PID， 这时候执行 80 端口后面的PID kill -9 5347（5347是这个进程的PID），就可以结束这个进程，释放80端口。 最后再次以运行nginx就可以了

/usr/local/nginx/sbin/nginx

此时再访问：localhost 就会显示你上传服务器的内容啦！