微信服务号白屏问题

末蓝、 2024-04-17 05:39 56阅读 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 条评论，56人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

相关【.Net微信_服务号】3.微信公众号中高德地图显示路线

最近公众号中要实现一个地图规划路线的功能，查了一下高德地图API，高德地图为我们提供了一个自驾游插件Map.Driving 官方解释：驾车路线规划服务，提供起

Bertha 。/ 2022年05月27日 04:16/ 0 赞/ 223 阅读

相关【.Net微信_服务号】2.微信获取用户基本信息

关于如何获取微信已关注用户的基本信息，这里说一下步骤： 1、首先去[微信公众平台][Link 1]注册，成为开发者，需要外网，如果没有外网建议在花生壳申请一个账号，通过映射，

ゝ一世哀愁。/ 2022年05月27日 01:46/ 0 赞/ 240 阅读

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

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

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

相关微信公众号缓存的问题

解决方案：一、通过url参数避免html文件缓存请求同一个页面的时候，如果url后面的参数不一样，则不会调用微信缓存中的html页面，由此可以解决htm

た入场券/ 2022年04月16日 04:06/ 0 赞/ 435 阅读

相关微信服务号模板消息推送

一.微信服务号新建模板 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4

╰半夏微凉°/ 2022年04月13日 07:47/ 0 赞/ 332 阅读

相关记一次微信小程序在安卓的白屏问题

> 在做小程序的时候，做到了一个限时商品售卖，用到了倒计时，因为这个原因导致了安卓手机上使用小程序时，将小程序放入后台运行一段时间后，再次进入小程序后出现了页面白屏或者点击事件

梦里梦外;/ 2022年03月30日 14:22/ 0 赞/ 211 阅读

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

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

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