Nginx+Tomcat实现动静分离

秒速五厘米 2022-02-23 10:50 254阅读 0赞

### 1 什么是网站动静分离架构模式 ###

网站动静分离其实就是将一个系统中的动态资源和静态资源分离。

#### 1.1 动态资源与静态资源区别 ####

动态资源：当用户多次访问页面的时候，html的源代码可能会发生改变。
    静态资源：当用户多次访问页面的时候，html的源代码不会发生改变。
    
    证明动态资源与静态资源区别：
    写一个静态定时改变日期页面html，写一个动态改变日期时间页面servlet

题外话：静态页面有利于搜索引擎的搜录，提高其排名，所以很多网站把页面做成伪静态的，即动态页面静态化（Freemarker、Beetl、Velocity、Thymeleaf），[http://www.cnblogs.com/wang-meng/p/5840281.html）][http_www.cnblogs.com_wang-meng_p_5840281.html]

#### 1.2 什么是动静分离 ####

动静分离是让动态网站里的动态网页根据一定规则把不变的资源和经常变的资源区分开来，动静资源做好了拆分以
    后，我们就可以根据静态资源的特点将其做缓存操作，这就是网站静态化处理的核心思路。
    动静分离简单的概括是：动态文件与静态文件的分离，静态资源放一个服务器、动态资源一个服务器。

#### 1.3 为什么要用动静分离 ####

在我们的软件开发中，有些请求是需要后台处理的（如.jsp，.do等等），有些请求是不需要经过后台处理的（如：css、html、jpg、js等文件），这些不需要经过后台处理的文件称为静态文件，否则动态文件。因此我们后台处理忽略静态文件。这会有人说那我以后

### Nginx+Tomcat实现动静分离 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbWVuZzE5ODg_size_16_color_FFFFFF_t_70]

#### Nginx的配置文件 ####

###静态资源访问
    server {
            listen       80;
            server_name  static.wocloud.com;
            location /static/imgs {
               ### linux的opt目录
                root /opt/;    ### /opt/static/imgs
                index  index.html index.htm;
            }
        }
    
    ### 动态资源访问
    server {
            listen       80;
            server_name  www.wocloud.com;
            ### 以开头/wocloud_8080,最终跳转到http://127.0.0.1:8080/;默认开启不区分大小写
            location /wocloud_8080 {
               ###反向代理
                proxy_pass   http://127.0.0.1:8080/;
                index  index.html index.htm;
            }
    
             ### 以开头/wocloud_8081,最终跳转到http://127.0.0.1:8081/;默认开启不区分大小写
              location /wocloud_8081 {
                proxy_pass   http://127.0.0.1:8081/;
                index  index.html index.htm;
            }
        }

[http_www.cnblogs.com_wang-meng_p_5840281.html]: http://www.cnblogs.com/wang-meng/p/5840281.html%EF%BC%89
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21hbWVuZzE5ODg_size_16_color_FFFFFF_t_70]: /images/20220223/d34e8ff1077f43a6b358b1426187c98b.png