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

2019独角兽企业重金招聘Python工程师标准>>>

    在项目中用过几次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组件，因此这次不得不采用这种非常极端的做法。若有大神也遇到过这类问题，并且完美的解决了这个问题，希望你留下宝贵的解决方案，提前感谢！

 

 

转载于:https://my.oschina.net/trueloveforever/blog/1555284