微信服务号白屏问题

末蓝、 2024-04-17 05:39 60阅读 0赞

目前偶尔有用户反馈微信服务号白屏问题。主要分两种：

1:服务号上传图片OCR识别页面突然白屏重新loading问题。

2:用户点击服务号菜单栏，进入相应页面loading白屏问题。

我们主要是Vue框架。面对第一种问题，经过分析发现，我们上传图片用的lrz三方库压缩成文件流上传。当如果涉及到大量图片压缩上传，用户频繁操作就会触发浏览器内存过大崩溃，重新loading的机制。微信服务号web浏览器会崩溃，用safari浏览器测试也会出现。目前6plus和一个用户手机反馈过。量少所以没有继续升入优化。估计优化方向，lrz压缩内存优化

第二种问题，也有一定发生频率。常见于项目发包后。经过设备信息收集，用户日志分析。最终确认问题出在用户点击服务号菜单获取授权成功，进入web包路由时出问题。判断是浏览器缓存导致。针对这个问题，前端优化方案，在webpack打包文件webpack.prod.conf.js中修改相关配置。

const Version = new Date().getTime();

1.在 出口文件 output 配置加入时间戳，减少打包static文件中js和css文件缓存。代码如下：

output: \{

path: config.build.assetsRoot,

filename: utils.assetsPath('js/\[name\].\[chunkhash\].' + Version + '.js'),

chunkFilename: utils.assetsPath('js/\[id\].\[chunkhash\].' + Version + '.js')

\},

2.在html加载脚本添加时间戳防止缓存。代码如下：

new HtmlWebpackPlugin(\{

filename: config.build.index,

template: 'index.html',

hash:Version,// 加载脚本时候去缓存

然后服务端也需要修改nginx配置，让index.html不缓存。

修改如下

location = /index.html {
        add_header Cache-Control "no-cache, no-store";
    }

但是经过实验，发现后端和运维切换后还是会出现白屏，缓存问题并没有得到根治，具体服务端index.html去缓存如何配置，还需要继续探索，后面如果解决了再更新

发表评论取消回复

表情：

评论列表（有 0 条评论，60人围观）

还没有评论，来说两句吧...

相关阅读

相关微信服务号+springboot开发案例

一、配置测试号登入测试号：[https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login][http...

ゝ一世哀愁。/ 2024年04月19日 12:49/ 0 赞/ 58 阅读

相关 android 解决微信登录白屏样式问题

我们在做微信登录或者支付的时候，会用到SDK自带的两个页面WXEntryActivity、WXPayEntryActivity但是总会因为这两个页面的样式问题，出现白屏啊...

痛定思痛。/ 2024年04月17日 06:37/ 0 赞/ 50 阅读

相关微信服务号白屏问题

前偶尔有用户反馈微信服务号白屏问题。主要分两种： 1:服务号上传图片OCR识别页面突然白屏重新loading问题。 2:用户点击服务号菜单栏，进入相应页面loadin...

末蓝、/ 2024年04月17日 05:39/ 0 赞/ 61 阅读

相关微信公众号点击菜单出现白屏问题探究

1. 小米魅族等安卓手机白屏，苹果手机正常 2. 首次进入白屏，再次进入正常 3. 点击链接正常，点击菜单白屏原因查找： 1.菜单进入的页面，如果有跳转且跳转地址与菜

深藏阁楼爱情的钟/ 2023年10月09日 14:46/ 0 赞/ 38 阅读

相关微信公众号网页在ios13以下白屏问题

如何解决微信公众号网页在ios手机上白屏的问题 1. 发现问题: 项目中遇到的问题,文件打包上传以后,安卓手机显示正常,但是在ios手机上却显示白屏,不显示任何东西

墨蓝/ 2023年07月12日 11:47/ 0 赞/ 2 阅读

相关微信公众号如何配置IP白名单？

> 1. ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

以你之姓@/ 2023年01月01日 04:56/ 0 赞/ 170 阅读

相关微信订阅号和服务号的区别

很多人在申请公众号时都不知道该申请订阅号还是服务号，下面我们就为大家详细介绍下这两种公众号的区别： ![bbc7b1e45e626a28cb063ef5a68da62f

约定不等于承诺〃/ 2022年10月22日 07:33/ 0 赞/ 201 阅读

相关【.Net微信_服务号】1.微信JSSDK支付

最近刚接触微信就接到了一个微信支付的功能，连着调了四天，晚上睡觉都在想代码，也是被折腾的不轻，感觉处处都是问题，经过自己的一些探索，在此做一些总结，以便以后遇到类似的问

红太狼/ 2022年05月28日 01:51/ 0 赞/ 242 阅读

相关微信分享链接手机打开白屏

问题描述：在做微信分享的时候，出现了一个问题，当一个人将活动分享给好友时，好友在微信中打开页面，页面进度条加载到80%左右时就不动了，之后进度条消失，屏幕无任何显示白屏状态

矫情吗；*/ 2022年05月23日 22:39/ 0 赞/ 484 阅读

相关微信公众号服务号开发中服务器配置

微信公众号服务号开发中服务器配置参考见：[http://www.qchcloud.cn/tn/article/31][http_www.qchcloud.cn_tn_ar

迈不过友情╰/ 2022年02月01日 06:51/ 0 赞/ 335 阅读