vue清除浏览器缓存代码

清除浏览器缓存的代码可以采用以下几种方法：

1. 在 Nginx 配置中添加如下代码：

location = /index.html { 
    add_header Cache-Control "no-cache, no-store"; 
}

这样可以禁止浏览器对HTML文件进行缓存。其中，`no-cache`表示浏览器会缓存文件但会在每次请求时向服务器验证文件是否有更新，而`no-store`表示浏览器不缓存文件，每次刷新页面都需要重新下载页面。

2. 在 HTML 文件中加入 meta 标签：

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

这样可以通过 meta 标签告诉浏览器不对页面进行缓存。

3. 在脚本加载时加入一个时间戳，可以修改 webpack.prod.conf.js 文件，在 HtmlWebpackPlugin 中添加如下代码：

const version = new Date().getTime();
new HtmlWebpackPlugin({
  filename: config.build.index,
  template: 'index.html',
  inject: true,
  hash: version,
  favicon: resolve('icon.ico'),
  title: 'vue-admin-template',
  minify: {
    removeComments: true,
    collapseWhitespace: true,
    removeAttributeQuotes: true
  }
});

这样每次页面加载时，会在脚本的 URL 中加入一个时间戳，从而强制浏览器重新加载脚本。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>