当前位置： 首页 > news >正文

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

news 2026/5/22 21:21:45

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

文章目录

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

1. 动静分离概述说明

什么是动静分离：

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

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

示意图：

在这里插入图片描述

需求说明：图解

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

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

示意图：

在这里插入图片描述

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

  1. 创建 tomcat\webapps\search\cal.jsp
[root@localhost search]# vim cal.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
[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 路径下。

在这里插入图片描述

在这里插入图片描述

      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 **
mkdir search

cd search

mkdir image

在这里插入图片描述

  1. 将 cal.jpg 图片放入到/usr/local/nginx/html/search/image 目录路径下。

在这里插入图片描述

  1. 将Linux的Tomcat 当中的 Tomcat\webapps\search\image目录删除 ，防止不走 Nginx 产生误导。
[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. 最后：

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

在这里插入图片描述

相关文章：

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

6. Nginx 动静分离配置案例(附有详细说明配图) 文章目录 6. Nginx 动静分离配置案例(附有详细说明配图)1. 动静分离概述说明2. 先使用传统方式实现&#xff0c;不使用 Nginx3. 使用上 Nginx 实现动静分离优化步骤4. 最后&#xff1a; 1. 动静分离概述说明 什么是动静分离&…...

编程日记 2025/3/3 15:32:43

数据集笔记：新加坡停车费

data.gov.sg 该数据集包含 新加坡各停车场的停车费&#xff0c;具体信息包括&#xff1a; 停车场名称&#xff08;Carpark&#xff09;&#xff1a;如 Toa Payoh Lorong 8、Ang Mo Kio Hub、Bras Basah Complex 等。停车区域类别&#xff08;Category&#xff09;&#xff1a…...

编程日记 2025/3/3 15:24:33

SQL经典题型

查询不在表里的数据&#xff0c;一张学生表&#xff0c;一张学生的选课表&#xff0c;要求查出没有选课的学生&#xff1f; select students.student_name from students left join course_selection on students.student_idcourse_selection.student_id where course_selecti…...

编程日记 2025/3/3 15:23:30

最新Java面试题，常见面试题及答案汇总

Java最新常见面试题 答案汇总 原文地址&#xff1a;https://blog.csdn.net/sufu1065/article/details/88051083 1、面试题模块汇总 面试题包括以下十九个模块&#xff1a; Java 基础、容器、多线程、反射、对象拷贝、Java Web 模块、异常、网络、设计模式、Spring/Spring MVC…...

编程日记 2025/3/3 15:22:27

学习第九天-栈

栈的定义&#xff1a;栈是一种线性表数据结构&#xff0c;仅允许在表的一端&#xff08;栈顶&#xff09;进行插入&#xff08;入栈&#xff09;和删除&#xff08;出栈&#xff09;操作。没有数据元素时为「空栈」&#xff0c;遵循「后进先出&#xff08;LIFO&#xff09;」原…...

编程日记 2025/3/3 15:20:24

Java基础关键_016_System 类

目 录 一、常用属性 1.static final PrintStream err 2.static final InputStream in 3.static final PrintStream out 二、常用方法 1.arraycopy(Object src, int srcPos, Object dest, int destPos, int length) 2.currentTimeMillis() 3.nanoTime() 4. exit(int st…...

编程日记 2025/3/3 15:19:21

计算机毕设JAVA——某高校宿舍管理系统（基于SpringBoot+Vue前后端分离的项目）

文章目录 概要项目演示图片系统架构技术运行环境系统功能简介 概要 网络上许多计算机毕设项目开发前端界面设计复杂、不美观&#xff0c;而且功能结构十分单一&#xff0c;存在很多雷同的项目&#xff1a;不同的项目基本上就是套用固定模板&#xff0c;换个颜色、改个文字&…...

编程日记 2025/3/3 15:15:13

【 实战案例篇三】【某金融信息系统项目管理案例分析】

大家好，今天咱们来聊聊金融行业的信息系统项目管理。这个话题听起来可能有点专业，但别担心，我会尽量用大白话给大家讲清楚。金融行业的信息系统项目管理，说白了就是如何高效地管理那些复杂的IT项目，确保它们按时、按预算、按质量完成。咱们今天不仅会聊到一些理论，还会通…...

编程日记 2025/3/3 15:14:12

vivado 避免本地时钟、创建输出时钟

避免本地时钟 本地时钟是使用常规结构资源而不是专用全局时钟资源进行布线的时钟网络。在大多数情况下&#xff0c; Vivado 综合和 Vivado 逻辑优化工具在架构要求的时钟缓存或具有超过 30 个时钟负载的时钟网络中插入时钟缓存。本地时钟通常发生在&#xff1a; • 全局时…...

编程日记 2025/3/3 15:12:09

二十三种设计模式

2 工厂方法模式 工厂模式&#xff08;Factory Pattern&#xff09;是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式&#xff0c;它提供了一种创建对象的最佳方式。 在工厂模式中&#xff0c;我们在创建对象时不会对客户端暴露创建逻辑&#xff0c;并且是通…...

编程日记 2025/3/3 15:11:08

uniapp 中引入使用uView UI

文章目录 一、前言&#xff1a;选择 uView UI的原因二、完整引入步骤1. 安装 uView UI2. 配置全局样式变量&#xff08;关键&#xff01;&#xff09;3. 在 pages.json中添加&#xff1a;4. 全局注册组件5. 直接使用组件 五、自定义主题色&#xff08;秒换皮肤&#xff09; 一、…...

编程日记 2025/3/3 15:06:59

用冒泡排序法模拟qsort函数

目录 1.前言 2.qsort函数的介绍 ​3.冒泡法回顾 4.模拟qsort---buble_sort 4.1 buble_sort格式 4.2 主函数&#xff0c;以int类型为例 4.3comp_int函数的功能设计 4.4 swap函数的功能设计 5. 总代码概览 1.前言 今天&#xff0c;小邓儿带大家用冒泡排序法来模拟一下qs…...

编程日记 2025/3/3 15:05:57

DCN讲解

DCN是DeepFM的升级版&#xff0c;后者是只能做二阶交叉特征&#xff0c;随着阶数上升&#xff0c;模型复杂度大幅提高&#xff0c;且FM网络层较浅&#xff0c;表达能力有限。google团队通过构建深度交叉网络来自动进行特征的高阶交叉&#xff0c;且时空复杂度均为线性增长&…...

编程日记 2025/3/3 15:04:56

nginx的作用和应用场景

Nginx 是一款高性能的开源 Web 服务器和反向代理服务器&#xff0c;以其高效处理高并发连接和低资源消耗著称。以下是其核心作用及典型应用场景的详细解析&#xff1a; 一、Nginx 的核心作用 1. 静态资源服务器 功能&#xff1a;直接托管 HTML、CSS、JavaScript、图片等静态文…...

编程日记 2025/3/3 15:02:54

[Lc滑动窗口_1] 长度最小的数组 | 无重复字符的最长子串 | 最大连续1的个数 III | 将 x 减到 0 的最小操作数

目录 1. 长度最小的字数组 题解 代码 ⭕2.无重复字符的最长子串 题解 代码 3.最大连续1的个数 III 题解 代码 4.将 x 减到 0 的最小操作数 题解 代码 1. 长度最小的字数组 题目链接&#xff1a;209.长度最小的字数组 题目分析: 给定一个含有 n 个 正整数 的数组…...

编程日记 2025/3/3 15:01:53

基于python的网络爬虫爬取天气数据及可视化分析（Matplotlib、sk-learn等，包括ppt，视频）

基于Python爬取天气数据信息与可视化分析&#xff08;文末完整源码&#xff09; 基于python的网络爬虫爬取天气数据及可视化分析 可以看看演示视频。 摘要 基于Python爬取天气数据信息与可视化分析 本论文旨在利用Python编程语言实现天气数据信息的爬取和可视化分析。天气…...

编程日记 2025/3/3 15:00:50

【缓存】缓存雪崩与缓存穿透：高并发系统的隐形杀手

缓存雪崩与缓存穿透&#xff1a;高并发系统的隐形杀手 在高并发系统中&#xff0c;缓存是提升性能的重要手段。然而&#xff0c;缓存使用不当也会带来一系列问题&#xff0c;其中最常见的就是缓存雪崩和缓存穿透。这两个问题如果不加以解决&#xff0c;可能会导致系统崩溃&…...

编程日记 2025/3/3 14:59:49

HTML AI 编程助手

HTML AI 编程助手 引言 随着人工智能技术的飞速发展&#xff0c;编程领域也迎来了新的变革。HTML&#xff0c;作为网页制作的基础语言&#xff0c;与AI技术的结合&#xff0c;为开发者带来了前所未有的便利。本文将探讨HTML AI编程助手的功能、应用场景以及如何利用它提高编程…...

编程日记 2025/3/3 14:57:45

李宏毅机器学习课程学习笔记04 | 浅谈机器学习-宝可梦、数码宝贝分类器

文章目录 案例&#xff1a;宝可梦、数码宝贝分类器第一步&#xff1a;需要定义一个含有未知数的function第二步&#xff1a;loss of a function如何Sample Training Examples > 如何抽样可以得到一个较好的结果如何权衡模型的复杂程度 Tradeoff of Model Complexity todo 这…...

编程日记 2025/3/3 14:55:43

AIGC（生成式AI）试用 26 -- 跟着清华教程学习 - DeepSeek与AI幻觉

目标&#xff1a;继续学习 个人理解&#xff1a; - AI幻觉&#xff1a;一本正经的胡说八道&#xff0c;你还觉得很道理&#xff0c;倾向于相信&#xff1b;事实不一致&#xff0c;指令(预期)与实际不一致&#xff1a;跑题 - 潜在风险&#xff1a;把AI带坏了&#xff1b;信息误…...

编程日记 2025/3/3 14:51:36

2026年AI论文平台盘点：12款神器助你高效完成选题大纲、撰稿和降重

随着 AI 技术的持续突破&#xff0c;2026 年的论文写作工具市场已迈入“智能化、精细化、合规化”的新阶段。从本科生的课程论文到研究生的学位论文&#xff0c;再到科研人员的期刊投稿&#xff0c;AI 工具正以前所未有的专业度覆盖各类学术场景。无论是选题构思、文献检索、初…...

编程新知 2026/5/22 21:20:03

职教高考及高职分类招生控制线 API 接口

职教高考及高职分类招生控制线 API 接口 接口详情官网地址: https://www.gugudata.com/api/details/vocationalcontrollines 职教高考及高职分类招生控制线 API 支持查询职教高考及高职分类招生控制线数据&#xff0c;覆盖年份、省份、招生类别、考生类型、录取批次和科类等筛…...

编程新知 2026/5/22 20:47:06

YOLOv8 ROS 2深度解析：机器人视觉感知系统的架构设计与实践指南

YOLOv8 ROS 2深度解析&#xff1a;机器人视觉感知系统的架构设计与实践指南 【免费下载链接】yolov8_ros Ultralytics YOLOv8, YOLOv9, YOLOv10, YOLOv11, YOLOv12 for ROS 2 项目地址: https://gitcode.com/gh_mirrors/yo/yolov8_ros 在机器人技术快速发展的今天&#…...

编程新知 2026/5/22 20:42:15

利亚德沙特LED视效工厂预计7月投产,Micro LED本地交付进入中东

今天讲的出海案例是利亚德&#xff0c;这家 1995 年成立、从 LED 显示产品研发生产销售起步&#xff0c;并做到小间距和 Micro LED 的视效科技公司&#xff0c;沙特工厂预计 2026 年 7 月投产。在 2026 年 5 月的投资者关系活动记录表中&#xff0c;利亚德光电股份有限公司回应…...

编程新知 2026/5/22 19:54:19

终极热键冲突解决方案：Hotkey Detective专业指南

终极热键冲突解决方案&#xff1a;Hotkey Detective专业指南 【免费下载链接】hotkey-detective A small program for investigating stolen key combinations under Windows 7 and later. 项目地址: https://gitcode.com/gh_mirrors/ho/hotkey-detective 你是否曾经在W…...

编程新知 2026/5/22 19:30:43

ESP32连接阿里云物联网平台实战：从设备创建到APP控制，一个教程全搞定（避坑指南）

ESP32连接阿里云物联网平台实战&#xff1a;从设备创建到APP控制全流程解析 在智能硬件产品开发中&#xff0c;物联网平台的选择与集成往往是决定项目成败的关键环节。阿里云物联网平台凭借其稳定的服务、丰富的功能生态和本土化优势&#xff0c;已成为国内物联网开发者的首选。…...

编程新知 2026/5/22 18:50:50

别再只画图了！深度解读R语言列线图结果：如何从lrm模型输出看懂每个变量的影响大小？

从模型输出到临床洞察&#xff1a;R语言列线图结果深度解析指南 当你第一次看到lrm模型输出的那堆"Effects"和"Odds Ratio"时&#xff0c;是不是感觉像在解读外星文&#xff1f;别担心&#xff0c;这正是从"会画图"到"懂原理"的必经之…...

编程新知 2026/5/22 18:33:57

怎样快速去掉照片背景？2026年AI抠图工具实测对比与使用指南

还在为复杂的照片背景发愁&#xff1f;想要快速批量处理多张照片&#xff1f;本文将带你深入了解2026年最新的照片去背景方法&#xff0c;从零基础的在线工具到专业级别的桌面软件&#xff0c;再到智能AI抠图方案&#xff0c;帮你找到最适合自己的解决方案。快速去背景的核心方…...

编程新知 2026/5/22 16:10:38

收藏！2026大模型风口来了，小白程序员如何抓住高薪机会？必看！

文章指出2026年是技术红利年&#xff0c;大模型领域竞争格局变化明显。国内开源模型如DeepSeek、GLM等取得巨大进展&#xff0c;领先全球。从业者待遇提升&#xff0c;应届生薪酬普遍破百万。招聘方更看重新技能&#xff0c;如万亿MoE、Agent等。文章强调AGI的核心是通用性&…...

编程新知 2026/5/22 15:32:29

如何在3分钟内将HTML完美转换为Word文档：html-to-docx终极指南

如何在3分钟内将HTML完美转换为Word文档&#xff1a;html-to-docx终极指南 【免费下载链接】html-to-docx HTML to DOCX converter 项目地址: https://gitcode.com/gh_mirrors/ht/html-to-docx 你是否曾经需要将网页内容转换为专业的Word文档&#xff0c;却发现格式完全…...

编程新知 2026/5/22 15:30:27