收藏
回答

微信 打开H5 vue 出现白屏

线上版本更新  不管是ios 或者是安卓  会有部分手机 打开页面 白屏   微信重登就可以显示,有时重登也是白屏   而且部分手机首次白屏,手动刷新后,就可以显示 我想问下是微信浏览器的有时候打开没面 不刷新页面 还是 其他的问题

回答关注问题邀请回答
收藏

6 个回答

  • 王乐城
    王乐城
    2021-01-12

    vue h5在微信浏览器中首次打开加载缓慢或白屏几秒后才渲染解决方案

    https://www.jianshu.com/p/1a4e67ef9924

    总结

    1、在电脑端谷歌浏览器访问vue h5响应正常,从直接使用的感受看像是边加载边渲染。

    2、在手机端微信浏览器访问vue h5出现加载缓慢、白屏3到5秒后,才开始渲染,从直接使用的感受看像是加载完后一次性渲染。

    所以PC端浏览器没有像手机微信浏览器那样白屏的感受。

    解决手机微信浏览器白屏的方法如下

    充分压缩、减小首屏文件的大小(JS/CSS/HTML)
    压缩、减少首屏文件大小的方法见链接
    2021-01-12
    有用
    回复 1
    • 王乐城
      王乐城
      2021-01-13
      再次回复:真正原因是HTTPS证书问题,不要使用letsencrypt证书,请换成阿里云、腾讯云之类的HTTPS证书!!!
      2021-01-13
      回复
  • 刘先森
    刘先森
    2020-09-11

    我这边遇到同样的问题,项目采用的vue router

    第一步: 从a页面跳转到b页面

    第二步: 刷新b页面;页面空白,经过测试,确认页面并没有走到我的代码里面去

    第三步: 刷新b页面; 页面恢复显示正常

    有人遇到吗? 不知道是最近才有的问题,还是之前就有呢


    2020-09-11
    有用
    回复 1
    • YoLo
      YoLo
      2022-05-12
      不知道大佬有没有解决呢,我也遇到了同样的问题
      2022-05-12
      回复
  • 。
    2020-03-23

    请问解决的了吗,我这边也出现了同样的问题

    2020-03-23
    有用
    回复
  • 水水水
    水水水
    2020-02-11

    请问解决了么

    2020-02-11
    有用
    回复
  • 少伟
    少伟
    2019-12-04

    请问解决了吗

    2019-12-04
    有用
    回复
  • Xl
    Xl
    2019-05-01

    https://chair.luxcon.cn/luxcon/jsapi.php?id=000000000001  老哥可以试下这个链接  会白屏

    2019-05-01
    有用
    回复 6
    • 聆听
      聆听
      2019-10-10
      老哥,请问解决了没
      2019-10-10
      1
      回复
    • ^o^星仔
      ^o^星仔
      2019-12-03
      哥,请问解决了码
      2019-12-03
      回复
    • M.W
      M.W
      2020-01-10
      请问解决的了吗,我这边也出现了同样的问题
      2020-01-10
      回复
    • Xl
      Xl
      2020-10-26回复M.W
      ng 设置对html 文件 no-store
      2020-10-26
      回复
    • AAA、男海温泉
      AAA、男海温泉
      2021-09-14
      老哥,  白屏的问题解决了吗
      2021-09-14
      回复
    查看更多(1)
登录 后发表内容