Nginx部署Vue项目

1.安装Nginx

本人建议作为一个非运营人员或者对Docker不是很熟悉的童鞋，Nginx不要安装到Docker里面了，后期的配置维护比较繁琐。

首先安装Nginx所需环境

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

下载nginx-1.9.9.tar.gz包，使用Xftp移动到/usr/local下

解压

tar -zxvf nginx-1.9.9.tar.gz

进入nginx目录

cd nginx-1.9.9

配置编译

./configure --prefix=/usr/local/nginx

make

make install

报错可能是因为没有logs目录，需要手动创建logs目录

mkdir logs
chmod 700 logs

2.配置server节点

 server {
        listen       端口;
        server_name  localhost;

        location / {
            root   lsm_web;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
        location /pro{
            proxy_pass http://代理地址/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Real-Port $remote_port;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

3.配置gzip

  server {
        gzip on;
        gzip_min_length  5k;
        gzip_buffers     4 16k;
        #gzip_http_version 1.0;
        gzip_comp_level 5;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        gzip_vary on;

        listen       1001;
        server_name  localhost;
        location / {
            root   blog_admin;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
         location /prod{
            proxy_pass http://47.95.207.105:1000/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Real-Port $remote_port;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

    }

4.运行Nginx

cd到sbin目录下

./nginx