摘要：项目中涉及到了通过微信授权的方式进行获取用户信息以及实现用户的自动登录功能，然而以为做法可以完美不留底部白底的时候，竟然出现了恶心的底部白条。
最近在做关于微信公众号H5页面开发，发现了一个微信“恶心”的底部白条，严重影响了用户的体验。 查阅了很多资料，本人项目使用了vue单页面开发，页面间调整直接使用this.$router.replace的做法可以很完美地解决微信底部白底的问题。 项目中涉及到了通过微信授权的方式进行获取用户信息以及实现用户的自动登录功能，然而以为this.$router.replace做法可以完美不留底部白底的时候，竟然出现了“恶心”的底部白条。 思考问题所在：当进入了Html页面后会向后台请求授权，授权后页面将重定向，此时将会出现一个底部白条，不管你如何操作，“顽固”白条依然存在。 处理问题的考虑：是否能够不进入html的情况下先行进行授权处理，授权处理完毕后才进入html页面(就是在此之前不进入html页面)
参考公众号开发的授权过程：
微信授权的其中一种方式（授权地址）：scope为snsapi_base
https://open.weixin.qq.com/co...
把redirect_uri中写入需要微信授权后重定向的页面，这样一来，通过上面的授权地址，点击后会先到微信授权，授权成功后才会进行我们设置在redirect_uri中的页面，此时并未出现任何的白条
至此，授权完成后导致的底部白条不再出现。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/109496.html
摘要：写这篇文章，主要是在前不久的微信公众号开发的时候，遇到了一些问题，记录一下，并希望其他在遇到这些问题，可以进行快速定位及处理。 写这篇文章，主要是在前不久的微信公众号开发的时候，遇到了一些问题，记录一下，并希望其他在遇到这些问题，可以进行快速定位及处理。 微信底部工具栏白条，1.首先，底部工具栏白条出现的原因是由于，浏览器跳转留下了历史信息，所以如果我们用H5开发时，如果需要跳转页面...
摘要：先来看下机型的样子上图中，机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的的展示做成的移动端页面，常见布局为头部躯干底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动，暂定的布局如下但如果没采用机型的 先来看下iPhone X机型的样子 showImg(https://segmentfault.com/img/bVbugGA?w=297&h=60...
摘要：先来看下机型的样子上图中，机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的的展示做成的移动端页面，常见布局为头部躯干底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动，暂定的布局如下但如果没采用机型的 先来看下iPhone X机型的样子 showImg(https://segmentfault.com/img/bVbugGA?w=297&h=60...
摘要：某一天，准备某东白条还款的时候，突然看见界面底部有个广告条。广告的内容看着怪怪得感觉。想想可能是被植入广告了吧。正好路由器有个抓包的功能，试试看。打开抓包功能，然后打开，然后逛了一下相关的页面，点了一下弹出来的广告。 某一天，准备某东白条还款的时候，突然看见界面底部有个广告条。 广告的内容看着怪怪得感觉。如图：showImg(https://segmentfault.com/img/b...
阅读 1998·2021-11-11 16:55
阅读 1559·2019-08-30 15:54
阅读 2698·2019-08-30 15:53
阅读 2073·2019-08-30 15:44
阅读 1025·2019-08-30 15:43
阅读 882·2019-08-30 11:22
阅读 1841·2019-08-29 17:20
阅读 1471·2019-08-29 16:56
