11、Nginx 缓存策略

专门说Nginx 缓存策略，最后落到Vue 前端项目生产部署。这里的“缓存”主要分两类：1. 浏览器缓存：通过 Cache-Control、Expires、ETag、Last-Modified 控制 2. Nginx 自身缓存：open_file_cache、proxy_cache、fastcgi_cache 等前端 Vue 静态站点最常用的是浏览器缓存策略，Nginx 自身缓存通常是辅助项。1. 浏览器缓存的核心逻辑浏览器请求一个资源时，大致会走这几种情况：第一次请求： 浏览器没有缓存，直接向服务器请求资源。 第二次请求： 如果资源还在强缓存有效期内，浏览器直接使用本地缓存，不请求服务器。 强缓存过期后： 浏览器向服务器发起协商请求，服务器判断资源是否变化。 如果没变，返回 304。 如果变了，返回 200 和新内容。所以缓存可以分为：强缓存：不请求服务器，直接用本地缓存 协商缓存：请求服务器确认一下，没变就返回 3042. 强缓存强缓存主要由下面这些响应头控制：Cache-Control: max-age=31536000 Expires: Wed, 21 Oct 2026 07:28:00 GMT现在更推荐用：