如何配置Nginx静态资源缓存

网站性能优化，静态资源缓存是提升效率的关键手段之一。Nginx作为高性能Web服务器，在这一点上表现尤为出色。下面就来聊聊具体的配置方法，保证落地可用。

1. 安装Nginx

先确认下Nginx是否已经装好。如果还没有，Ubuntu系统下可以直接用这条命令搞定：

sudo apt update
sudo apt install nginx

2. 配置Nginx

安装完成后，编辑配置文件。通常路径是 /etc/nginx/nginx.conf 或 /etc/nginx/sites-a vailable/default。里面的逻辑，需要一步步来。

2.1 设置缓存目录

先创建一个目录用来存放缓存文件：

sudo mkdir -p /var/cache/nginx

2.2 配置缓存参数

然后，在配置文件中加入或修改以下内容。关键部分都在 http 块里。

http {
    # 缓存路径
    proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=my_cache:10m max_size=1g inactive=60m use_temp_path=off;

    server {
        listen 80;
        server_name example.com;

        location / {
            root /var/www/html;
            expires 30d;
            add_header Cache-Control "public";
        }

        location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
            root /var/www/html;
            expires 30d;
            add_header Cache-Control "public";
            proxy_cache my_cache;
            proxy_cache_valid 200 302 10m;
            proxy_cache_valid 404 1m;
        }
    }
}

这里有几个参数需要留意：

• proxy_cache_path：缓存路径和基础参数都在这里定义。其中 levels=1:2 决定了缓存目录的层级结构；keys_zone=my_cache:10m 定义了缓存区域的名称和内存大小；max_size=1g 限制了缓存总容量；inactive=60m 表示资源60分钟内没被访问就会清理；use_temp_path=off 则是不使用临时路径，直接写缓存。
• location /：针对根目录配置，这里设置了过期时间为30天，并添加了 Cache-Control: public 头部。
• location ~* \.(jpg|jpeg|png|gif|ico|css|js)$：这个正则匹配到常见的静态资源文件。这里使用了前面定义的缓存区域 my_cache，并对200和302状态码的响应缓存10分钟，对404状态码缓存1分钟。

3. 测试配置

配置写完后，别忘了测试一下语法是否正确。用这个命令：

sudo nginx -t

4. 重新加载Nginx

如果测试通过，就可以重新加载Nginx让配置生效了：

sudo systemctl reload nginx

5. 验证缓存

最后一步，验证一下效果。打开浏览器开发者工具，访问网站，看看静态资源的响应头里有没有 Cache-Control 相关字段。如果能看到类似 public, max-age=2592000 这样的信息，说明缓存配置已经生效。网站性能的提升，就从这里开始。