Wiki知识库

Nginx配置实例--动静分离

11/11/2023 Nginx

# 一、概述

Nginx 动静分离简单来说就是把动态跟静态请求分开，不能理解成只是单纯的把动态页面和 静态页面物理分离。严格意义上说应该是动态请求跟静态请求分开，可以理解成使用 Nginx 处理静态页面，Tomcat 处理动态页面。动静分离从目前实现角度来讲大致分为两种，一种是纯粹把静态文件独立成单独的域名，放在独立的服务器上，也是目前主流推崇的方案； 另外一种方法就是动态跟静态文件混合在一起发布，通过 nginx 来分开。
通过 location 指定不同的后缀名实现不同的请求转发。通过 expires 参数设置，可以使浏览器缓存过期时间，减少与服务器之前的请求和流量。具体 Expires 定义：是给一个资源设定一个过期时间，也就是说无需去服务端验证，直接通过浏览器自身确认是否过期即可，所以不会产生额外的流量。此种方法非常适合不经常变动的资源。（如果经常更新的文件， 不建议使用 Expires 来缓存），如果设置 3d，则表示在这 3 天之内访问这个 URL，发送一个请求，比对服务器该文件最后更新时间没有变化，则不会从服务器抓取，返回状态码 304，如果有修改，则直接从服务器重新下载，返回状态码 200。

# 二、准备工作

在linux系统中准备静态资源，例如创建www文件夹，统一放html文件，创建image文件夹，统一放图片文件。
image.png

# 三、配置nginx动静分离

在上述配置下，图片文件统一存放路径为/data/image目录下，html静态页面统一存放在/data/www目录下，因此可以将nginx.conf进行如下配置：

server {
		listen		80;
		server_name		192.168.139.27;   ##指定服务器IP地址

		location /www/ {
      	root		/data/;		##指定资源根目录，会自动将路径拼接为/data/www/
      	index		index.html index.htm; 	
		}

		location /image/ {
      	root		/data/;		##指定资源根目录，会自动将路径拼接为/data/image/
      	index		index.html index.htm;
      	autoindex			on;		##当访问/inmage时会自动在浏览器显示目录结构，包含哪些图片等。
		}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

autoindex on;效果展示：
image.png