微信分享和支付踩过的坑

在公众号开发中使用了微信分享和支付，其中遇到一个奇怪的现象：一 在安卓端切换页面再次分享无效，而ios端正常。二 安卓端支付正常而ios端报错。经过试验和分析，发现原因是在安卓和ios对页面切换的不同处理机制上。

vue是单页面应用，可以把vuerouter的路由看成是虚拟路由，根据路由的变化在同一个页面上展示不同页面的内容。安卓在页面切换时网页的url会跟着变化；而ios的url是第一次打开的url，不随页面变化而变化。所以第一个问题中，安卓切换页面后url发生了变化，需要再次签名才行，而iIOS的url没变，原签名继续可用，所以才会出现这个问题。第二个问题也与url有关，由于支付网址需要写在微信公众平台的配置中，安卓每次进入支付页面时，url都是支付页面的url，与微信中配置的地址相同，所以没问题，而ios在支付页的地址并不是固定不变的，这主要取决于第一次打开页面的url，如果第一次打开的页面不是支付页，当支付的时候当前url就会与平台上配置的不一致，致使支付失败。

解决办法：

问题一：判断如果是安卓系统，每次切换页面之后重新获取签名，再分享

问题二：IOS系统中支付之前先刷新当前url（比如使用a标签，或者location.href）