nginx h5 动画支持 nginx处理动态网页

【Nginx那些事】nginx配置实例（三）动静分离

• 概念
• 实现

概念

Nginx动静分离简单来说就是把动态访问跟静态资源请求分开, 但不能理解成只是单纯的把动态的页面和静态的页面分离。应该是动态访问跟静态访问分开,可以理解成使用 nginx服务器特别处理静态页面,额外用Tomcat 处理态页面。
动静分离从目前实现角度来讲可分为两种,一种是纯粹用单独的域名访问静态文件, 可放在独立的服务器上,也是目前主流推崇的方案;另外一种方法就是动态请求跟静态文件混合在一起部署,通过 nginx 来分开。

统一域名下可通过 location 指定不同的uri后缀名实现不同的请求转发。同时通过 expires 参数设置,可以使浏览器缓存过期时间,减少访问静态资源时与服务器之间的请求。

Expires 定义:是给一静态资源文件设定一个过期时间,也就是说在过期时间内无需去服务端请求,直接通过浏览器自身确认是否过期即可,所以不会产生额外的流量。此种方法非常适合不经常变动的静态资源。(如果经常更新的资源，不建议使用 Expires 来缓存)。比如设置为1d,表示在这1天之内访问这个URL,发送一个请求,如果比对服务器发现该文件最后更新时间没有发生变化,则不会从服务器抓取,返回状态码304,如果有修改,则直接从服务器重新下载,返回状态码200。

实现

代理静态资源。
在根路径下新建static/images。

server {
        listen       80;
        server_name  8023.com;

        location /static/ {
            root   /;
            index  index.html index.htm;
        }
        
        location /images/ {
            root /static/;
            # 文件索引，效果如下图
            autoindex on;
        }
    }

开启autoindex on;的效果如下