Nginx实现动静分离部署

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

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

Nginx实现动静分离部署_第1张图片

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

二、部署实例

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


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

Nginx实现动静分离部署_第2张图片

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

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

html




    
    Title


hahah222222

meile meile meile meile meile meile meile

静态资源路径

Nginx实现动静分离部署_第3张图片

当加载index.html访问1.png、2.png、3.png等图片的时候,会被~\.(png)拦截,从而去html中取查找ss文件夹下的1.png、2.png、3.png

Nginx实现动静分离部署_第4张图片

 

你可能感兴趣的:(Nginx)