vue H5跳转小程序报错：config:fail,Error: 系统错误，错误码：63002,invalid signature-Toy模板网

这篇具有很好参考价值的文章主要介绍了vue H5跳转小程序报错：config:fail,Error: 系统错误，错误码：63002,invalid signature。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

【相关文档】

微信开发者工具下载地址与更新日志

微信网页开发 /JS-SDK说明文档

微信 JS 接口签名校验工具

全局返回码说明

H5跳转小程序报错：config:fail,Error: 系统错误，错误码：63002,invalid signature，如下：
错误码:63002,# Vue 2.x,vue.js,小程序,前端

查看文档：错误码：63002,invalid signature 表示无效的签名：
错误码:63002,# Vue 2.x,vue.js,小程序,前端

排查步骤

确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。
确认 url 是页面完整的 url （可以在当前页面alert(window.location.href.split('#')[0])确认），包括 ‘http(s)://’ 部分，以及 ‘?’ 后面的 GET 参数部分，但不包括 ‘#’ hash 后面的部分。
确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。
确保一定缓存 access_token 和 jsapi_ticket。
确保获取用来签名的 url 是动态获取的。如果是 html 的静态页面在前端通过 ajax 将 url 传到后台签名，前端需要用 js 获取当前页面除去’#'hash部分的链接（可用 window.location.href.split('#')[0] 获取,而且需要 encodeURIComponent ）。因为如果页面进行了分享，微信客户端会在链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。
检查 wx.config：

wx.config({
  debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [], // 必填，需要使用的 JS 接口列表
  openTagList: [] // 可选，需要使用的开放标签列表，例如['wx-open-launch-app']
});