关于#前端#的问题:浏览器缓存问题比较严重,需要手动清楚浏览器缓存才能看到更新后的页面

前端部署项目后,浏览器缓存问题比较严重,需要手动清楚浏览器缓存才能看到更新后的页面

这个那你打包配置 可以 文件加上一个 随机的哈希值 。或者 时间戳

https://blog.csdn.net/weixin_39635314/article/details/113371292

js与css文件地址跟随随机值,可以使用uuid,这样就识别为不是同一份文件
xx/yy.js?uuid='xx'

function getUuid() {
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
    var r = (Math.random() * 16) | 0,
      v = c == 'x' ? r : (r & 0x3) | 0x8;
    return v.toString(16);
  });
}

这里提供两个方式解决问题:
1:更改打包方式,保证每一次打包更新的文件都是全新的文件,
这个方式就是https://blog.csdn.net/weixin_39635314/article/details/113371292 这个博客里面的方式

2:使用js代码手动清除浏览器缓存
window.location.reload(true) //清除缓存后重新加载页面,
这个方式需要后端配合,有一个接口用来判定页面是否需要更新,当接口返回你需要更新,你就调用上面的代码重新加载页面,后端的逻辑就是,只要你调用了接口,他就把数据库里面存储的是否需要更新页面的字段改成不需要更新,直到你们下一次打包的时候,再统一将数据库的值改成需要更新就可以了,
需要注意的是是否更新页面的值是一对一的,就是一个用户有一个数据,可以在用户登录的时候获取是否需要更新页面的字段