1.Git yum安装

yum install -y git

2.Nginx yum 安装

默认情况Centos7中无Nginx的源, 添加源

sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm

yum search nginx 查看源安装成功, 则安装nginx

sudo yum install -y nginx

启动Nginx并设置开机自动运行

sudo systemctl start nginx.service
sudo systemctl enable nginx.service

3.前端nginx部署页面

nginx默认配置在 /etc/nginx/nginx.conf 下, 进入修改

cd /etc/nginx
vi nginx.conf

打开如下

   server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;
        root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
        }

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

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

在server下面添加一行, 代表引入/etc/nginx/conf.d目录下的配置文件

 include /etc/nginx/conf.d/*.conf;

进入/etc/nginx/conf.d并添加页面nginx配置

vi page_nginx.conf  # 没有该文件默认创建

编辑该文件

    server {
        listen 8000; # 监听的页面端口
        server_name 182.1.1.1; # 服务器的ip地址

        location / { # 默认路径下
            root   /home/seeking-api-plant/dist; # 渲染所需页面的位置, 适合webpack打包后的文件目录
            index  index.html;
            try_files $uri $uri/ /index.html; # 解决页面刷新404问题 
        }

        location /api { # 代理 解决前后端分离接口跨域问题
            rewrite    ^/api/(.*)$ /$1 break;
            proxy_pass http://172.1.1.1:8000; # 后端接口地址
        }
    }

多个页面应用接着server继续即可

esc :wq 保存退出

nginx -t 测试无误
nginx -s reload 即可