Nginx 禁止页面缓存

location ^~ /vue {
            add_header Cache-Control "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0";
            index index.html;
            alias /home/zhuge/project/test/dist/;
            try_files $uri $uri/ /index.html;
        }

add_header Cache-Control "no-cache, private, no-store, must-revalidate, max-stale=0, post-check=0, pre-check=0";

以下是各个参数的作用：

no-cache：告诉浏览器不使用本地缓存；
private：告诉浏览器只缓存当前用户的私密内容，不允许共享给其他用户；
no-store：告诉浏览器不要存储任何副本；
must-revalidate：强制客户端每次发送请求时都需要验证服务器上的缓存内容；
max-stale=0：指定了缓存的最大过期时间，这里的设置意味着禁止使用过期内容；
post-check=0, pre-check=0：这两个参数设置表明了客户端不应该缓存页面，即使在检查日期之前或之后也不应该缓存。

这段代码可以让 Nginx 发送一个非常严格的缓存控制头给客户端，这样就可以避免客户端使用缓存来加快加载速度，避免出现一些可能影响用户体验的问题。