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/test/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 发送一个非常严格的缓存控制头给客户端,这样就可以避免客户端使用缓存来加快加载速度,避免出现一些可能影响用户体验的问题。