Skip to main content

浏览器缓存

带你了解透彻浏览器缓存！​

webpack 缓存指南​

清除缓存​

vue打包优化3：hash解决浏览器缓存

清除浏览器缓存的几种方法：

  • 修改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">

  • 修改nginx

    ## 如果是部署在nginx上，在nginx的配置文件 nginx.config添加：
    location = /index.html {
      add_header Cache-Control "no-cache, no-store";
    }
    ## 或者设置expires为0

    ## 如果是用nginx做反向代理的：
    location = /xx（xx为你的代理的项目名） {
      add_header Cache-Control "no-cache, no-store";
    }

    ## 如果nginx上有 proxy_cache 的配置，也考虑删掉，这是nginx的服务器缓存

  • 修改构建配置文件：output的filename和chunkFilename加上时间戳