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

  • Z时代
  • 2024-02-10
  • 分类：IT

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" />

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

回答：

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

回答：

可以让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";
 }
}

回答：

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

以上是 浏览器的缓存问题：vue2的单页面程序。 项目升级后，客户直接打开链接访问的还是老的，必须手动刷新一下才行。重新打开链接 都不生效？？ 的全部内容， 来源链接： utcz.com/p/935038.html

回到顶部