Nginx 通过标头让浏览器缓存静态资源文件

最近更新于 2024-05-05 12:29

基于 Nginx 1.18
服务器默认配置文件路径：/etc/nginx/sites-available/default

定义缓存不同文件类型的时间

• off 没有明确的缓存要求
• epoch 让浏览器始终检查是否为最新
• max 让浏览器尽可能长时间缓存这些文件，减小请求数量

  map $sent_http_content_type $expires {
  default                    off;
  text/html                  epoch;
  text/css                   max;
  application/javascript     max;
  ~image/                    max;
  ~font/                     max;
  }

  

然后在监听的服务中添加缓存标头

expires $expires;

最后重启服务器生效

sudo service nginx restart

缓存过的资源文件会从本地直接加载，而不会再次向服务器请求

---

参考：https://www.digitalocean.com/community/tutorials/how-to-implement-browser-caching-with-nginx-s-header-module-on-ubuntu-20-04