Linux下安装配置nginx和配置vue项目

前言

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。
其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。

---

一、环境准备

1、pcre函数库安装

1. 版本 : 8.45
2. 下载链接 : https://ftp.pcre.org/pub/pcre/
3. 压缩包 : pcre-8.45.tar.gz
4. 解压 : tar -zxvf pcre-8.45.tar.gz
5. pcre官网: https://www.linuxfromscratch.org/blfs/view/svn/general/pcre.html
6. 初始化配置 执行 ./configure
7. 编译安装 执行 make & make install
8. 查看版本: pcre-config --version
   
   官网命令说明
   

2、zlib数据压函式库安装

1. 版本 : 1.2.11
2. 下载链接 : http://www.zlib.net/zlib-1.2.11.tar.gz
3. 压缩包 : zlib-1.2.11.tar.gz
4. 解压 : tar -zxvf zlib-1.2.11.tar.gz
5. zlib官网: http://www.zlib.net/
6. 执行 ./configure
7. 执行 make & make install

---

二、Nginx安装

1、初始化配置

安装路径可自定义
不使用–prefix，会默认安装到 /usr/local/nginx

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

2、编译安装

make & make install

3、环境配置

打开配置文件

vim /etc/profile

在文件尾部增加

#nginx configure
export NGINX_HOME=/usr/local/nginx
export PATH=$PATH:$NGINX_HOME/sbin

使配置生效

source /etc/profile

5、查看版本

nginx -v

三、vue项目配置

找到安装目录下的Nginx配置文件

cd /usr/local/nginx

编辑配置文件

vim conf/nginx.conf

增加配置

    server {
        # 访问端口
        listen       8080;
        # 项目名称
        server_name  vue-demo;

        location / {
          # root 是项目路径(vue打包完后的dist文件)
          root   /home/vue-demo/dist;
          try_files $uri $uri/ /index.html;
          index  index.html index.htm;
        }

        # 代理配置
        # 对应vue.config.js中的 proxy
        # /api/ 和 proxy_pass 可根据自身项目配置进行修改
        location /api/{
          proxy_set_header Host $http_host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header REMOTE-HOST $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_pass http://127.0.0.1:8080/;
       }

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

常用命令:

启动
./sbin/nginx -c conf/nginx.conf
停止
./sbin/nginx -s stop
重启
./sbin/nginx -s reload