前后端分离nginx部署配置

一、nginx部署简介

1、优点

结合 Nginx 来部署前后端分离项目算是目前的主流方案。一来部署方便，二来通过动静分离也可以有效提高项目的运行效率。
大家知道我们项目中的资源包含动态资源和静态资源两种，其中：动态资源就是那些需要经过容器处理的资源，例如 jsp、freemarker、各种接口等。
静态资源则是那些不需要经过容器处理，收到客户端请求就可以直接返回的资源，像 js、css、html 以及各种格式的图片，都属于静态资源。
将动静资源分开部署，可以有效提高静态资源的加载速度以及整个系统的运行效率。在前后端分离项目部署中，我们用 Nginx 来做一个反向代理服务器，它既可以代理动态请求，也可以直接提供静态资源访问。无论是动态请求还是静态请求，都是首先到达 Nginx，再从 Nginx 上去查找页面或接口，这样，原本存在的所谓跨域问题现在就不存在了。

2、nginx安装

1、nginx安装：wget http://nginx.org/download/nginx-1.17.0.tar.gz
2、然后解压下载的目录，进入解压目录中，在编译安装之前，需要安装两个依赖：

yum -y install pcre-devel
yum -y install openssl openssl-devel

3、开始编译安装：

./configure
make
make install

4、启动nginx进入 sbin目录，执行./nginx
5、配置nginx，进入/usr/local/nginx，vi nginx.conf
当然我这里是按照资源类型来拦截的，即后缀为 js、css、ico 等的文件，统统都不进行请求分发，直接从本地的root /home/Web/project/vhr/dist/ 目录下读取并返回到前端（我们需要将静态资源文件上传到 root /home/Web/project/vhr/dist/目录下）。

3、配置

首先配置上游服务器server 服务器弹性公网地址:8081 ，Nginx监听80端口，所有的请求都会通过反向代理访问上游服务器