记录一次使用jiaThis社会化分享组件遇到的坑!!

自古美人都是妖i 提交于 2020-02-28 23:46:15

    在项目中用过几次jiaThis了,使用的是自定义的模式,前面几次都没有发现什么问题,但是这次却出现一个很奇葩的问题。

    问题背景:使用jiaThis自定义分享,在本地测试时,所有分享均正常,但是放到linux服务器上后,新浪微博和微信分享仍正常,但是QQ空间分享却出现了问题,打开分享到QQ空间的链接,发现无法加载接口内容。

    被分享链接:http://192.168.141.22/#/index/assess/publicQuestion?engId=vdt_zonghezheng&type=DJK_STJK

    分享后显示的链接:http://192.168.141.22/#/index/assess/publicQuestion?engId=jianzhouyanzice&type=DJK_STJK

    最终在浏览器中打开的分享链接:http://192.168.141.22/#/index/assess/publicQuestion?engId=jianzhouyanzice&amp%3Btype=DJK_STJK

    问题分析:经过上面的对比就能发现,url在分享到QQ空间时,url中的&符号被转义成了‘&’,最终在浏览器中打开时,浏览器又将‘&’中的‘;’编码成了‘%3B’,这就导致了页面代码无法获取到原本在‘&’后面的参数,而这个参数就是页面中接口请求的主要参数,因此就造成了页面请求接口失败。

    解决方法:由于jiaThis的源码是经过加密压缩的,我无法通过jiaThis源码来确定导致这一问题的具体原因,也无法通过修改源码来解决这一问题,因此我只能采用修改本地代码的方式来解决这一问题。具体的做法是:在这一页面的js开始就获取‘&’后面的参数,若能够获取到,则说明url正常,不做任何处理;若获取不到,说明url被转义了,就手动将url进行反转义,然后通过重定向再次跳转页面,最终解决问题。

    PS:目前的解决方法,不用说都有很多的局限性,但因为项目赶时间,而且以前用的也是jiaThis组件,因此这次不得不采用这种非常极端的做法。若有大神也遇到过这类问题,并且完美的解决了这个问题,希望你留下宝贵的解决方案,提前感谢!

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!