浏览器的缓存问题：vue2的单页面程序。 项目升级后，客户直接打开链接访问的还是老的，必须手动刷新一下才行。重新打开链接 都不生效？？

Question

public/index.html 里面的内容如下

  <meta http-equiv="pragma" content="no-cache" />
  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="expires" content="0" />

麻烦尊贵的大佬帮我分析分析

Answer 1

看看这个帖子，打包的时候生成文件加哈希名：
https://stackoverflow.com/questions/59648117/how-to-force-clearing-cache-in-chrome-when-release-new-vue-app-version

Answer 2

可以让nginx配置不缓存html

location / {

 expires 1h;
 root /home/test/vue/dist/;
 index index.html index.htm;

 if ($request_filename ~* .*\.(htm|html)$)  ## 配置页面不缓存
 {
     add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
 }

}

Answer 3

之前也遇到过这种问题，使用了版本判断逻辑处理的，每次部署后，页面会弹窗让用户进行更新系统，这种处理有个问题就是如果用户正在填写一个很长的表单，这个时候弹窗提示的话，用户之前填写的信息就失效了。看下你能否接受这种方案。