http-server禁止浏览器缓存

### 在 Nginx 中实现浏览器缓存的场景实践 Nginx 可以通过配置 `expires` 指令和相关头信息来实现高效的浏览器缓存机制，从而减少重复请求并提高页面加载速度。以下是详细的配置方法和实践示例。 --- #### ### 1. 配置静态资源的浏览器缓存 对于常见的静态资源（如图片、CSS、JavaScript 文件），可以通过设置 `expires` 和 `Cache-Control` 头信息来实现浏览器缓存[^5]。 ```nginx location ~* \.(jpg|jpeg|png|gif|css|js)$ { expires 7d; # 设置缓存过期时间为 7 天 add_header Cache-Control "public, must-revalidate"; # 添加缓存控制头 access_log off; # 禁用访问日志以优化性能 } ``` 上述配置中，`expires 7d` 表示将这些文件的缓存时间设置为 7 天，同时通过 `add_header` 指令添加了 `Cache-Control` 头信息以确保缓存行为符合预期[^5]。 --- #### ### 2. 动态内容的缓存控制 对于动态生成的内容（如 HTML 页面或 API 响应），可以使用 `add_header` 指令来指定不同的缓存策略。例如： ```nginx location / { add_header Cache-Control "no-store, no-cache, must-revalidate"; # 禁止缓存动态内容 proxy_pass http://backend_server; } ``` 此配置通过设置 `Cache-Control` 的值为 `no-store, no-cache, must-revalidate`，明确告诉浏览器不要缓存动态内容，每次请求都需重新获取数据[^2]。 --- #### ### 3. 使用 Nginx 缓存与浏览器缓存结合 在某些情况下，可以结合 Nginx 的本地缓存和浏览器缓存功能，以进一步提升性能。以下是一个综合示例： ```nginx proxy_cache_path /data/nginx/cache levels=1:2 keys_zone=my_cache:10m inactive=60m max_size=1g; server { listen 80; server_name example.com; location /static/ { proxy_cache my_cache; # 启用 Nginx 缓存 proxy_cache_valid 200 302 1h; # 对于状态码 200 和 302，缓存有效期为 1 小时 proxy_cache_valid 404 1m; # 对于 404 错误，缓存有效期为 1 分钟 add_header X-Proxy-Cache $upstream_cache_status; # 输出缓存状态到响应头 expires 1h; # 设置浏览器缓存时间为 1 小时 } } ``` 上述配置中，`proxy_cache_path` 定义了 Nginx 的本地缓存路径，而 `expires` 指令则设置了浏览器的缓存时间。 --- #### ### 4. 缓存清理与更新 当需要清除或更新缓存时，可以通过以下方式实现： - **手动清除缓存**：通过删除缓存目录中的文件来清除 Nginx 的本地缓存。 - **使用工具管理缓存**：如 Redis 或 Memcached 等外部工具，结合 Nginx 实现更灵活的缓存管理[^3]。 --- #### ### 5. 最佳实践 为了更好地利用浏览器缓存，建议遵循以下最佳实践： - **为静态资源启用长期缓存**：通过设置较长的 `expires` 时间，减少对服务器的请求次数[^5]。 - **使用版本号或哈希值管理资源**：通过在文件名中加入版本号或哈希值（如 `style.v1.css`），确保更新后的资源能够被正确加载。 - **区分静态与动态内容的缓存策略**：为不同类型的内容设置不同的缓存规则，避免不必要的冲突。 ---