<2020>小白也能看懂的最详细在centos系统下的nginx安装及部署vue项目的教程

前提：以下详细记录安装部署的过程，如若喜欢的话，请留下你宝贵的一赞👍，闲话不多说了那就直奔主题吧~

   以下都用nginx-1.17.8版本为例

1. 下载nginx压缩包：wget http://nginx.org/download/nginx-1.17.8.tar.gz （wget + name）

   解压压缩包： tar -zxvf http://nginx.org/download/nginx-1.17.8.tar.gz (tar -zxvf + name)

2. 安装gcc 依赖： yum -y install gcc gcc-c++

3. 安装PCRE依赖： yum install -y pcre pcre-devel

4. 安装zlib依赖： yum install -y zlib zlib-devel

5. 安装openss依赖: yum install -y openssl openssl-devel

6. 会看到nginx目录下有两个文件

7. 进入安装完成解压缩后的nginx-1.17.8 ：cd nginx-1.17.8

   执行命令： ./configure --prefix=/data/toos/nginx (./configure --prefix= + path)

   安装编译nginx：make && make install

   启动nginx：./nginx (前提需进入sbin目录下)

8.  

   在浏览器上输入服务器地址，如果没出现这个页面，很有可能是服务器防火墙开着的

   8.1. 查看防火墙状态： systemctl status firewalld，(runing)运行状态

    

   8.2. 关闭防火墙：systemctl stop firewalld  此时已经可以正常看到nginx welcome页面了
   

9. 部署项目：
   9.1 先把项目打包上传，然后解压
   9.2 配置nginx.conf，（切记修改完成后要保存）

   server {
           listen       8000; //监听打开浏览器的端口
          server_name  localhost; //服务名
   
          location / {
              root   /data/app/xxx; //项目存放路径
               index  index.html index.htm;
           }
           location ^~/name/ {
               proxy-pass http://xxxxx/; //反向代理的后台地址
           }
       }
   

   9.3 进入sbin目录测试配置是否修改成功：./nginx -t  出现successful则代表修改无误
   9.4 重启nginx： ./nginx -s reload  最后打开地址就能看到自己部署的项目啦