小飞知识库 | YeLu🤠MiLu🤪 小飞知识库 | YeLu🤠MiLu🤪
  • 函数式编程
  • Spring
  • SpringMVC
  • SpringBoot
  • SpringCloud
  • Mybatis
  • JVM
  • JUC并发编程
  • 设计模式
  • 单元测试
  • Redis
  • RabbitMQ
  • mysql
  • oracle
  • linux
  • nginx
  • docker
  • elasticSearch
  • windows
  • 虚拟机
  • 监控系统
  • https
  • 内网穿透
  • 前端文章

    • JavaScript
  • 页面

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • TypeScript
    • JS设计模式总结
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 版本管理

    • Git笔记
  • 项目构建

    • maven
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • JAR包相关
  • 关于
  • 收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

YeLu

爱技术的YeLu🤠
  • 函数式编程
  • Spring
  • SpringMVC
  • SpringBoot
  • SpringCloud
  • Mybatis
  • JVM
  • JUC并发编程
  • 设计模式
  • 单元测试
  • Redis
  • RabbitMQ
  • mysql
  • oracle
  • linux
  • nginx
  • docker
  • elasticSearch
  • windows
  • 虚拟机
  • 监控系统
  • https
  • 内网穿透
  • 前端文章

    • JavaScript
  • 页面

    • HTML
    • CSS
  • 学习笔记

    • 《JavaScript教程》
    • 《JavaScript高级程序设计》
    • 《ES6 教程》
    • 《Vue》
    • 《React》
    • 《TypeScript 从零实现 axios》
    • TypeScript
    • JS设计模式总结
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 版本管理

    • Git笔记
  • 项目构建

    • maven
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
  • JAR包相关
  • 关于
  • 收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • linux笔记

  • nginx笔记

    • nginx介绍

    • nginx安装

    • nginx进阶

      • nginx反向代理
      • nginx负载均衡
      • nginx动静分离
        • 动静分离的实现
        • 准备一个web项目随便返回点东西
        • 准备一个HTML文件
        • 部署好web项目
        • 在/usr/local目录下创建webapp
        • 创建 css js img文件夹
        • 将HTML文件放到webapp下
        • 配置nginx.conf文件
  • docker笔记

  • windows笔记

  • ElasticSearch

  • 虚拟机

  • 监控系统

  • 运维
  • nginx笔记
  • nginx进阶
YeLu🤠
2023-03-29
目录

nginx动静分离

# 动静分离的实现

所谓的动静分离 简单的说就是将动态资源和 静态资源放到不同的服务器上

动态资源:咋们放到 Tomcat服务器上

静态资源: 咋们放到Nginx服务器上

# 准备一个web项目随便返回点东西

# 准备一个HTML文件

<!DOCTYPE html>
<html>
        <head>
           <meta charset="UTF-8">
           <title></title>
        </head>
        <body>
         <img src="img/timg.jpg"/>
         <a href="">点我获取动态资源
</a>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12

# 部署好web项目

# 在/usr/local目录下创建webapp

静态资源放在这个文件夹下面

# 创建 css js img文件夹

# 将HTML文件放到webapp下

# 配置nginx.conf文件

server {
      listen 9999;
      server_name localhost;

     #配置了动态资源的请求
      location / {
          proxy_pass http://112.124.19.18:8080;
      }
      
     #匹配的是静态资源的请求
      location ~* \.(png|jpg|js|css|html)$ {
        root /usr/local/webapp;
		//不做缓存就是最新的
        expires 1d;//这个表示这个缓存保存多久保存一天
      }
      
     #给静态页面设置请求前缀
      location /xxx {
        alias   /usr/share/nginx/html/xxx;  
        index  index.html index.htm;  
    } 
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#nginx
最近更新: 2024/12/25, 11:44:08
nginx负载均衡
docker介绍

← nginx负载均衡 docker介绍→

最近更新
01
服务端配置
07-30
02
frp 安装
07-30
03
Prometheus采集Springboot应用
02-20
更多文章>
Theme by Vdoing | Copyright © 2019-2025 | YeLu🤠MiLu🤪 | MIT License 蜀ICP备2024116879号 | 川公网安备51012202001998号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
欢迎你,我的朋友
看板娘