前后端分离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端口,所有的请求都会通过反向代理访问上游服务器
在这里插入图片描述

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值