10. 动静分离-应用实例


10.1 什么是动静分离

  1. Nginx 动静分离简单来说就是把动态跟静态请求分开,可以理解成使用 Nginx 处理静态页面/资源,Tomcat 处理动态页面/资源
  2. 动静分离可以减轻 Tomcat 压力,静态请求由 Nginx 处理,提供系统整体性能
  3. 回顾前面-示意图

在这里插入图片描述

10.2 需求说明/图解

在这里插入图片描述

10.4 先使用传统方式实现

  1. 创建 tomcat\webapps\search\cal.jsp [说明:为了测试方便,在tomcat2也对应创建一份]
<%-- 
Created by IntelliJ IDEA. 
User: 谢家升
Version: 1.0
To change this template use File | Settings | File Templates. 
--%>
<%@ 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 = 22;
int j = 66;
int res = i + j;
out.println(i + " + " + j + " = " + res);
%>
</body>
</html>

在这里插入图片描述

  1. 拷贝图片 cal.jpg 到 tomcat\webapps\search\image 目录,[说明:为了测试方便,在 tomcat2 也对应创建一份]

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  1. 浏览器访问 http://www.xjscrm.com/search/cal.jsp 就可以看到正确页面

在这里插入图片描述

在这里插入图片描述

10.5 动静分离优化步骤

10.5.1 修改 安装目录\nginx.conf

在这里插入图片描述

在这里插入图片描述

10.5.2 创建 /usr/local/nginx/html/search/image 目录

  • 创建 /usr/local/nginx/html/search/image 目录,因为图片路径其实是 ip/search/image

在这里插入图片描述

10.5.3 将 Linux 的两个 Tomcat\webapps\search\image 目录删除

  • 将 Linux 的两个 Tomcat\webapps\search\image 目录删除,并在 /usr/local/nginx/html/search/image 目录下放入图片

在这里插入图片描述

10.5.4 linux 防火墙打开 80 端口, 保证外网可以访问

10.6 完成测试

10.6.1 启动 或者 重新加载 Nginx

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

在这里插入图片描述

在这里插入图片描述

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

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

在这里插入图片描述

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

要学就学灰太狼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值