解决 vue cli 3.0项目版本更新后文件存在缓存现象的问题。

1.在index.html文件中需要设置不保存缓存


  
  
  

no-cache 可以在本地缓存,可以在代理服务器缓存,但是这个缓存要服务器可以使用
no-store 彻底的禁用缓冲,本地和代理服务器都不缓冲,每次都从服务器获取
2.在vue.config.js中(vue 3.0的配置文件,默认没有,需要手动添加)

//  解决版本更新缓存问题  文件后面加时间戳
const Timestamp = new Date().getTime();
module.exports = {
  configureWebpack: {
    devtool: 'source-map',
    output: {
      filename: `js/[name].${Timestamp}.js`,
      chunkFilename: `js/[name].${Timestamp}.js`
    },
  }
}

3.nginx配置,让index.html不缓存(后端)

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

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