7. Nginx 配置实例-动静分离

以下是文章内容的Markdown格式输出,注意数学公式已经使用$公式$格式:

1. 什么是动静分离

Nginx 动静分离简单来说就是把动态跟静态请求分开,不能理解成只是单纯的把动态页面和静态页面物理分离。严格意义上说应该是动态请求跟静态请求分开,可以理解成使用 Nginx 处理静态页面,Tomcat 处理动态页面。动静分离从目前实现角度来讲大致分为两种,

一种是纯粹把静态文件独立成单独的域名,放在独立的服务器上,也是目前主流推崇的方案;

另外一种方法就是动态跟静态文件混合在一起发布,通过 nginx 来分开。

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

2. 准备工作

在 liunx 系统中准备静态资源,用于进行访问

www 中存放 a.html,

1
<h1>test html !!!</h1>

image 中存放 1.PNG,

3. 具体配置

在 nginx 配置文件中进行配置

添加监听端口、Nginx 地址 、访问名字 重点是添加 location

1
2
3
4
location /www/ {
root /data/;
index index.html index.htm;
}
1
2
3
4
location /image/ {
root /data/;
autoindex on;
}

autoindex on:目的是为了在访问 /image 时,能够显示目录里面的内容,当然这里也可以通过 expire 设置缓存过期时间。

4. 最终测试

重启 Nginx

1
./nginx -s reload

访问,

1
http://192.168.77.130/www/a.html

访问,

1
http://192.168.77.130/image/

这就是因为刚刚配置了 autoindex on 。

访问,

1
http://192.168.77.130/image/1.PNG

成功访问,说明 静态资源 nginx 直接返回了,不走后端 tomcat 服务器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
worker_processes  1;

events {
worker_connections 1024;
}

http {
include mime.types;
default_type application/octet-stream;

sendfile on;
keepalive_timeout 65;

server {
listen 80;
server_name 192.168.226.135;

location / {
root html;
index index.html index.htm;
}

location /www/ {
root /home/star/data/;
index index.html index.htm;
}

location /image/ {
root /home/star/data/;
autoindex on;
}

error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}

7. Nginx 配置实例-动静分离
http://binbo-zappy.github.io/2024/12/15/nginx/7-Nginx配置实例-动静分离/
作者
Binbo
发布于
2024年12月15日
许可协议