6. Nginx 动静分离配置案例(附有详细说明+配图)

6. Nginx 动静分离配置案例(附有详细说明+配图)

文章目录

  • [6. Nginx 动静分离配置案例(附有详细说明+配图)](#6. Nginx 动静分离配置案例(附有详细说明+配图))
  • [1. 动静分离概述说明](#1. 动静分离概述说明)
  • [2. 先使用传统方式实现,不使用 Nginx](#2. 先使用传统方式实现,不使用 Nginx)
  • [3. 使用上 Nginx 实现动静分离优化步骤](#3. 使用上 Nginx 实现动静分离优化步骤)
  • [4. 最后:](#4. 最后:)

1. 动静分离概述说明

什么是动静分离:

Nginx 动静分离简单来说就是把动态跟静态请求分开,可以理解成使用 Nginx 处理静态 页面/资源,Tomcat 处理动态页面/资源

动静分离可以减轻 Tomcat 压力,静态请求由 Nginx 处理,提供系统整体性能。

示意图:

需求说明:图解

访问: www.rainbowseacrm.com/search/cal.jsp ,其中的 jsp 的文件内容上的图片,静态资源的获取内容集,将静态资源放入到 Nginx 当中,提升加载速度内容。

动静配置-思路分析 / 图解

示意图:

2. 先使用传统方式实现,不使用 Nginx

  1. 创建 tomcat\webapps\search\cal.jsp
sh 复制代码
[root@localhost search]# vim cal.jsp
jsp 复制代码
<%@ page contentType="text/html;charset=UTF-8" language="java"   %>
<html>
<head>
<title>hello, jsp</title> </head>
<body>
<img src="image/cal.jpg"/> <h1>JSP, 计算器</h1>
<%
int i = 20;
int j = 70;
int res = i + j;
out.println(i + " + " + j + " = " + res);
%>
</body>
</html>
  1. cal.jpg 到 tomcat\webapps\search\image
sh 复制代码
[root@localhost search]# mkdir image # 在 search 目录下创建 image 目录
  1. 浏览器访问 http://www.rainbowseacrm.com/search/cal.jsp 就可以看到正确页面

3. 使用上 Nginx 实现动静分离优化步骤

  1. 使用浏览器的网络工具,进行一个查看,我们捕获到的 cal.jpg 的请求的路径信息
  1. 修改 安装目录conf\nginx.conf 配置

这里我的 nginx.conf 路径是在 /usr/local/nginx/conf 路径下。

properties 复制代码
      server 192.168.76.162:8080;
 37         server 192.168.76.162:8081;
 38 
 39     }
 40 
 41     server {
 42         listen       80;
 43         server_name 192.168.76.162;
 44        #server_name  localhost;
 45         #charset koi8-r;
 46 
 47         #access_log  logs/host.access.log  main;
 48         
 49         location /search/image/ {
 50             root /usr/local/nginx/html;
 51         }
 52         location / {
 53             root   html;
 54             proxy_pass http://rsservers;
 55             index  index.html index.htm;
 56         }
 57         
  1. **创 建 /usr/local/nginx/html/search/image 目 录 ,因为图片路径其实是 ip/search/image **
sh 复制代码
mkdir search
sh 复制代码
cd search
sh 复制代码
mkdir image
  1. cal.jpg 图片放入到/usr/local/nginx/html/search/image 目录路径下。
  1. 将Linux的Tomcat 当中的 Tomcat\webapps\search\image目录删除 ,防止不走 Nginx 产生误导。
sh 复制代码
[root@localhost search]# ls
cal.jsp  image  look.html
[root@localhost search]# pwd
/opt/tomcat/apache-tomcat-8.5.59/webapps/search
[root@localhost search]# rm -r image
rm: descend into directory 'image'? y
rm: remove regular file 'image/cal.jpg'? y
rm: remove directory 'image'? y
[root@localhost search]# ls
cal.jsp  look.html
[root@localhost search]# 
  1. 完成测试

启动 或者 重新加载 Nginx

windows 浏览器输入 http://www.rainbowseacrm.com/search/cal.jsp

说明:

  1. 这时图片就是从 Nginx 直接返回的
  2. 而请求 cal.jsp 才转发到对应 tomcat 完成

如果有 css js 文件 需要动静分离,按照规则配置即可

4. 最后:

"在这个最后的篇章中,我要表达我对每一位读者的感激之情。你们的关注和回复是我创作的动力源泉,我从你们身上吸取了无尽的灵感与勇气。我会将你们的鼓励留在心底,继续在其他的领域奋斗。感谢你们,我们总会在某个时刻再次相遇。"

相关推荐
hhua0123几秒前
理解“无界队列”与“有界队列”及其适用场景
java·队列
LZQqqqqo4 分钟前
C# 接口(interface 定义接口的关键字)
java·开发语言·c#
寒水馨11 分钟前
Java 9 新特性解析
java·开发语言·新特性·java9·jdk9
SimonKing17 分钟前
甩掉手动赋值!MyBatis-Plus 自动填充实战秘籍
java·后端·程序员
小鱼人爱编程1 小时前
当上组长一年里,我保住了俩下属
android·前端·后端
都叫我大帅哥1 小时前
Java PriorityQueue:小顶堆大智慧,优先队列全揭秘
java
long_mingyue1 小时前
CVE-2022-46169漏洞复现
linux
都叫我大帅哥1 小时前
TOGAF实施治理阶段:你的项目守护神,还是架构警察?
java
IT闫1 小时前
《深入剖析Kafka分布式消息队列架构奥秘》之Kafka基本知识介绍
分布式·架构·kafka