Nginx实现动静分离部署

最新推荐文章于 2023-03-24 23:55:27 发布

丢垃圾的小熊

最新推荐文章于 2023-03-24 23:55:27 发布

阅读量699

点赞数

CC 4.0 BY-SA版权

分类专栏： Nginx

本文链接：https://blog.youkuaiyun.com/qq_37351768/article/details/88367807

Nginx 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种提高网站响应速度的部署方案——Nginx动静分离架构。该方案通过将静态资源（如图片、CSS、JS等）与动态数据请求分离，减轻了服务器负载，提升了用户体验。静态资源由Nginx直接提供，而动态请求则转发至Tomcat或其他应用服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在现实中，所有的请求都通过访问路径到达服务器，进而通过业务逻辑层访问数据库，获取数据；但是页面的加载还又许多静态的东西，比如html、图片（png，jpg）、css、js等，这些资源不是每次访问都改变的，所以这种文件的访问属于静态访问，但是如果依然通过rest路径获取则会占用通道，缩减页面加载的时间，so采用动静态分离式部署架构。

一、Nginx动静分离部署架构图

这样所有的静态资源都通过静态请求访问静态服务器，所有的动态数据请求都访问tomcat服务器，

二、部署实例

 server {
        listen       8080;#nginx监听端口
        server_name  localhost;#客户端访问的域名


        location ~/.(gif|jpg|jpeg|png|bmp|swf|css|js)$ {
            root html;  
         }
 }

直接访问主页-->html文件下的index.html,图片中的图片也是直接从html文件中拿来

2、通过rest请求路径访问页面，加载图片

html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
</head>
<body>
<h1>hahah222222</h1>
<img alt="meile" src="/ss/1.png">
<img alt="meile" src="/ss//2.png">
<img alt="meile" src="/ss/3.png">
<img alt="meile" src="/ss/4.png">
<img alt="meile" src="/ss/5.png">
<img alt="meile" src="/ss/6.png">
<img alt="meile" src="/ss/7.png">
</body>
</html>

静态资源路径