vue打包部署，解决更新版本清理缓存问题

参考来自：https://blog.csdn.net/lzb348110175/article/details/114142229

一、根目录index.html

在head标签中，加入下面的代码

<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

二、配置vue.config.js （module.exports里）

动态生成文件名

//顶部设置变量 
const Timestamp= new Date().getTime()

configureWebpack: {
    
     // js 配置
    output: {
    
     // 输出重构  打包编译后的 文件名称
      filename: `static/js/[name].${
      
      process.env.VUE_APP_Version}.${
      
      Timestamp}.js`,
      chunkFilename: `static/js/[name].${
      
      process.env.VUE_APP_Version}.${
      
      Timestamp}.js`
    },
  },
  css: {
    
     // css 配置
    extract: {
    
    
      // 修改打包后css文件名   
      filename: `css/[name].${
      
      Timestamp}.css`,
      chunkFilename: `css/[name].${
      
      Timestamp}.css`
    }
  },

注：如果在文件中没有以上配置项，添加进去，路径可根据自己项目中的路径调整，主要是文件名部分