vue项目发版后清理浏览器缓存代码

在 Vue 项目中，您可以使用以下代码来清理浏览器缓存：

// 在 main.js 中添加以下代码
import { version } from '../package.json';

window.addEventListener('load', () => {
  // 获取当前版本号
  const currentVersion = localStorage.getItem('appVersion');

  // 如果当前版本号与最新版本号不一致，则清除缓存
  if (currentVersion !== version) {
    localStorage.*****();
    localStorage.setItem('appVersion', version);
    location.reload(true);
  }
});

在上面的代码中，我们在?main.js?文件中添加了一个?load?事件监听器，当页面加载完成后执行以下操作：

1. 获取当前应用的版本号，可以从?package.json?文件中获取。
2. 检查当前版本号是否与存储在本地的版本号不一致。
3. 如果版本号不一致，则清除本地存储的缓存数据，并将最新版本号存储在本地。
4. 最后，重新加载页面以获取最新代码。

这样可以确保用户在访问新版本时获取最新代码，而不是从浏览器缓存中加载旧代码。