Centeros安装常用工具Git、Nginx、并配置前端nginx代理

1.Git yum安装

yum install -y git

2.Nginx yum 安装

  1. 默认情况Centos7中无Nginx的源, 添加源
sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
  1. yum search nginx 查看源安装成功, 则安装nginx
sudo yum install -y nginx
  1. 启动Nginx并设置开机自动运行
sudo systemctl start nginx.service
sudo systemctl enable nginx.service

3.前端nginx部署页面

  1. 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  # 没有该文件默认创建

编辑该文件

    # http协议
    server {
        listen 80; # 监听的页面端口 与引入的nginx的端口要保持一致
        server_name 182.1.1.1; # 服务器的ip地址 / 域名
        # rewrite ^(.*)$ https://$host$1 permanent; # 如需自动重定向https, 打开此配置

        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; # 后端接口地址
        }
    }

    # https协议
    server {
        listen 443 ssl; # 监听的页面端口
        server_name music.sinbada.top; # https域名地址

        ssl_certificate /etc/nginx/cert/music.sinbada.top.pem; # ssl证书
        ssl_certificate_key /etc/nginx/cert/music.sinbada.top.key; # ssl密钥

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

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

esc :wq 保存退出

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

完成~

你可能感兴趣的:(Centeros安装常用工具Git、Nginx、并配置前端nginx代理)