vue spa history模式 jssdk注入 `invalid signature`解决

需求

【首页】和【我的联系人】页面都对当前用户进行定位,于是通过JS SDK中的wx.getLocation()拿到用户定位。
【首页】入口:直接默认进入
【我的联系人页】入口:由首页进入

项目技术背景

vue h5 spa history模式的项目

初步思路

在index.vue中全局wx.config进行的SDK的配置服务

IOS表现

【首页】、【我的联系人】都能拿到用户定位,SDK配置正常

Andorid 表现

【首页】:能拿到用户定位,SDK配置正常
【我的联系人】:

  • 当由【首页】进入到【我的联系人】页时,无法拿到用户定位,SDK配置无效,!!报错:invalid signature
  • 当再次刷新当前页面-【我的联系人】页面,可以拿到用户定位,SDK配置正常,无报错!

问题分析

vue spa history模式 jssdk注入 `invalid signature`解决_第1张图片
由于安卓对H5 histroy模式支持的不太友好导致出现的问题!!

Android:微信安卓版,每次切换路由,SPA的url是会变的,发起签名请求的url参数必须是当前页面的url(不是最初进入页面时的)
IOS:微信IOS版,每次切换路由,SPA的url是不会变的,发起签名请求的url参数必须是当前页面的url(就是最初进入页面时的url)

解决方法

不在全局组件注入,在各自需要SDK的路由view页面, create钩子函数中,进行wx.config即可~

你可能感兴趣的:(H5,项目实战经验,微信公众号,vue.js,html5,安卓)