美文网首页前端收集
解决 vue cli 3.0项目版本更新后文件存在缓存现象的问题

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

作者: 工程狮子 | 来源:发表于2020-09-18 17:35 被阅读0次

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

    <!-- 解决版本更新缓存问题 -->
      <meta http-equiv="pragram" content="no-cache">
      <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
      <meta http-equiv="expires" content="0">
    

    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项目版本更新后文件存在缓存现象的问题

        本文链接:https://www.haomeiwen.com/subject/ysplyktx.html