Nginx配置实例——动静分离

1.什么是动静分离？

在弄清动静分离之前，我们要先明白什么是动，什么是静。

在Web开发中，通常来说，动态资源其实就是指那些后台资源，而静态资源就是指HTML，JavaScript，CSS，img等文件。

一般来说，都需要将动态资源和静态资源分开，将静态资源部署在Nginx上，当一个请求来的时候，如果是静态资源的请求，就直接到nginx配置的静态资源目录下面获取资源，如果是动态资源的请求，nginx利用反向代理的原理，把请求转发给后台应用去处理，从而实现动静分离。

在使用前后端分离之后，可以很大程度的提升静态资源的访问速度，同时在开过程中也可以让前后端开发并行可以有效的提高开发时间，也可以有些的减少联调时间 。

2.Nginx配置

server {
       listen       80;
       server_name  localhost;
      
      #配置后台请求做反向代理
      location / {
        proxy_pass http://localhost:8080;
        proxy_set_header X-Real-IP $remote_addr;
      }

      #配置静态资源访问地址
      location /static/{
        root /usr/local/data/static;
       }

    }

3.antoindex on

列出当前文件夹中的内容列表

location /image/{
        root /data/;
        antoindex on;
       }

如下图：