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

问题描述&＃xff1a;

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

问题原因&＃xff1a;

经过不断测试排查&＃xff0c;发现是分享链接中的#号引起的&＃xff01;前端使用Vue.js&＃xff0c;#是路由&＃xff0c;但是微信却将分享出去的链接中#号后面部分截取掉了&＃xff0c;导致后面带的分享来源参数被截掉了&＃xff0c;页面呈现出一直在加载的状态。

解决方案&＃xff1a;

之前的分享链接样子如下&＃xff0c;#号后面被微信截掉&＃xff0c;导致friendId无法获取

http://demo.xxx.com/dzp/?from&＃61;singlemessage#/dzp/project?friendId&＃61;151613270061

后来前端经过改造&＃xff0c;将链接地址改为如下样子&＃xff0c;解决了问题

http://demo.xxx.com/dzp/?friendId&＃61;151613270061&from&＃61;singlemessage#/dzp/project

更多内容请参见:

http://www.cnblogs.com/mingxinice/p/mingxin.html