更新代码后 部分手机打开微信公众号空白

Question

用的是vue-cl2 webpack4.30.0 vue2.9.6版本 路由用的(history)懒加载的方式 前端用的nginx部署
发生的场景：当代码在更新时，用户去访问微信公众号，打开页面空白 更新完了代码后打开还是空白 清除了微信浏览器缓存 退出微信重新登录还是访问空白。之前是可以正常访问公众号页面的 （打开不了页面的）手机在本地调试是可以正常打开的

有人遇到过这个问题吗？头疼了好久啊\~\~\~### 问题描述

问题出现的环境背景及自己尝试过哪些方法

1.已将es6转es5
2.导入了babel-polyfill
3.nginx配置文件有设置add_header Cache-Control no-cache
4.其他浏览器都能正常打开
5.网上关于说的微信强缓存设置 设置更新了也是无效的

相关代码

代码就不上了

你期待的结果是什么？实际看到的错误信息又是什么？

看不到报错 打不开公众号的页面在本地可以正常访问 如何能解决上述问题？请多多指教

Answer 1

1. 首先确定，微信浏览器缓存已清除，进入设置-通用-微信存储空间，然后退出即可，再尝试；
2. 安装 vconsole 库，方便在真机上调试。

if (getQueryString(window.location.href, 'isdebug') === 'true') {
 new VConsole();
 }

当地址为 http://abc.com/home?isdebug=true，显示 vconsole

Answer 2

有清除微信浏览器缓存的 打开还是空白（线上页面） 由于已经是上线项目 所以不能在线上用vconsole 本地调试的时候在微信浏览器能打开 vconsole也不报错（线上打开空白 本地调试页面正常）