vue cli 3.0 项目版本更新后文件存在缓存问题解决方案

1.HTML文件需设置不保存缓存




no-cache 可以在本地缓存,可以在代理服务器缓存,但是这个缓存要服务器验证才可以使用
no-store 彻底得禁用缓冲,本地和代理服务器都不缓冲,每次都从服务器获取,更多meta标签中的http-equiv属性,参见meta标签中的http-equiv属性

2.配置webpack的打包输出文件名(vue.config.js,默认没有,需要手动添加)

const Timestamp = new Date().getTime();
module.exports = {
  configureWebpack: {
    output: {
      filename: `js/[name].${Timestamp}.js`, // 每次构建打包时给文件名加上时间戳,确保每次版本更新的文件名不一样
      chunkFilename: `js/[name].${Timestamp}.js`
    }
  }
};

3.服务器端无缓存

你可能感兴趣的:(vue cli 3.0 项目版本更新后文件存在缓存问题解决方案)