做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。

经过一番探索微信浏览器确实是在webview的上层做的缓存：就是如果请求过了这个地址，就会存在本地，之后不取线上了。

解决方案是在调试阶段或者频繁更新的页面加入以下头信息

因为是 HTML 页面，可以于 HEAD 标签内直接添加 meta 标签：

但是微信浏览器是把index.html入口文件缓存了,这时候要前端和服务端一起处理。

vue.config.js 前端需要把打包文件 生成的js css加上时间戳或者随机，确保每次打包都会更新。在output项配置，并且把生成的index.html进行压缩，去除空格，换行和注释 减小文件体积

服务器nginx配置，默认缓存了其他文件，对index.html拦截实现强制不缓存。每次都要请求服务器，我这个index.html使用html-webpack-plugin插件压缩之后体积从1.4k缩小到了，不到1k。目的减少服务器带宽。

注意：在index.html文件里面使用的<%= base_URL %> 打包时会提示找到报错，替换为 <%= htmlWebpackPlugin.options.url %>