前端单页面应用缓存策略

在当前常用的单页面页面开发中。会将生产包发布为：固定名称的 html 文件和带 hash 的 js、css 文件。

所以我们需要保证 html 必须每次都实时请求服务器，但是 js 和 css 文件可以强缓存在本地，减少请求加速显示。

nginx 配置如下：

• htm、html 文件配置协商缓存

• js、css 文件配置强缓存

  location / {
  
      root html;
      index index.html index.htm;
  
      if ( $request_uri ~* /((.*)\.html?)?$ ) {
          add_header Cache-Control no-cache;
      }
      if ( $request_uri ~* /.*\.(js|css)$ ) {
          add_header Cache-Control max-age=86400;
      }
  
  }