nginx 清理js缓存图片

基础概念

Nginx 是一个高性能的 HTTP 和反向代理服务器，广泛用于网站部署和负载均衡。缓存是提高网站性能的重要手段，但有时需要清理缓存以反映最新的内容更改。

相关优势

1. 提高加载速度：缓存静态资源（如 JavaScript 文件和图片）可以显著减少页面加载时间。
2. 减轻服务器负载：通过缓存静态内容，服务器不需要每次请求都重新生成或传输这些文件。
3. 改善用户体验：快速的页面加载和响应时间可以提升用户的满意度和留存率。

类型

• 客户端缓存：浏览器缓存，通过 HTTP 头控制。
• 代理缓存：如 Nginx 缓存，位于客户端和服务器之间。
• 服务器端缓存：应用服务器内部的缓存机制。

应用场景

• 静态资源服务：如图片、CSS、JavaScript 文件。
• 动态内容缓存：通过 Nginx 反向代理缓存动态生成的页面。
• 负载均衡：在高流量网站中分发请求，提高系统稳定性。

清理缓存的原因及解决方法

原因

1. 内容更新：当网站内容（如 JavaScript 文件或图片）发生更改时，旧的缓存版本仍然会被加载。
2. 缓存过期策略：不合理的缓存设置可能导致内容长时间不被更新。

解决方法

1. 使用版本控制

在文件名中添加版本号或哈希值，确保每次更新后文件名不同，从而强制浏览器加载新文件。

<!-- 旧方式 -->
<script src="script.js"></script>

<!-- 新方式 -->
<script src="script.v2.js"></script>

2. 设置 HTTP 头

通过设置适当的 HTTP 头来控制缓存行为。

location ~* \.(js|jpg|png)$ {
    expires 1d;  # 设置缓存时间为1天
    add_header Cache-Control "public, no-transform";
}

3. 手动清除 Nginx 缓存

如果使用 Nginx 的 proxy_cache 功能，可以通过以下命令手动清除缓存：

nginx -s delete /path/to/cache/directory/*

4. 使用自动化工具

结合 CI/CD 流程，在每次部署时自动更新文件名或清除缓存。

示例代码

假设我们有一个 Nginx 配置文件 nginx.conf，用于缓存静态资源：

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 /static/ {
            proxy_pass http://backend;
            proxy_cache my_cache;
            proxy_cache_valid 200 302 10m;
            proxy_cache_valid 404 1m;
            add_header X-Proxy-Cache $upstream_cache_status;
        }
    }
}

在这个配置中：

• /var/cache/nginx 是缓存目录。
• my_cache 是缓存区域的名称。
• proxy_cache_valid 设置不同 HTTP 状态码的缓存时间。

总结

通过合理设置缓存策略和使用版本控制，可以有效管理 Nginx 缓存，确保用户始终获取最新的内容。手动清除缓存或结合自动化工具可以进一步提高效率和可靠性。