Nginx 动静分离简单来说就是把动态跟静态请求分开,不能理解成只是单纯的把动态页面和静态页面物理分离。严格意义上说应该是动态请求跟静态请求分开,可以理解成使用 Nginx处理静态页面,Tomcat 处理动态页面

动静分离从目前实现角度来讲大致分为两种:

  • 把静态文件独立成单独的域名,放在独立的服务器上,也是目前主流推崇的方案
  • 动态跟静态文件混合在一起发布,通过 nginx 来分开

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

准备工作

在服务器用户根目录下创建resource文件夹,用来存放资源;resource文件夹下创建static文件夹用来存放静态资源;static文件夹下创建html文件夹和image文件夹分别用来存放html页面和图片,将a.html页面和a.png图片分别放入html文件夹和image文件夹

修改nginx配置文件

server {
        listen       80;
        server_name  192.168.84.132;

        location /static/html/ {
            root   /home/user01/resource/; # 资源根路径
            index  index.html index.htm;
        }
	    location /static/image/ {
	        root /home/user01/resource/;
	}
}

浏览器请求http://192.168.84.136/static/image/a.png即可访问a.png图片

浏览器请求http://192.168.84.136/static/html/a.html即可访问a.html文件

可能遇到的问题

配置正确,但是浏览器访问时报错:403 Forbidden,即没有权限

原因:nginx的工作用户和启动用户不一致,nginx默认工作用户是nobody,而笔者是用root用户启动nginx的

解决方法:修改nginx的配置文件使nginx的工作用户和启动用户保持一致

user  root;

重启nginx,浏览器重新发起请求即可