微信分享wx.config配置时遇到invalid signature错误的解决办法

最新推荐文章于 2025-03-19 13:40:40 发布

檀小泡泡

最新推荐文章于 2025-03-19 13:40:40 发布

阅读量3.4k

点赞数

分类专栏：微信 VUE 文章标签： vue.js 微信转发

本文链接：https://blog.youkuaiyun.com/weixin_42371145/article/details/111517802

版权

遇到微信分享wx.config时出现invalid signature错误，解决办法包括：参照官方文档的常见错误检查步骤，设置IP和域名白名单，确保域名下txt文件可访问。在Vue组件中正确引用wechart.js。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

每次解决完问题，都想回到过去糊自己一巴掌。。。
官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62
1 若JSSDK已配置仍遇到invalid signature错误，一定参考“附录5-常见错误及解决方法”部分有检查步骤可参考，一定要先看再开发！！浪费了多少大好时光，流下悔恨的泪水。。
2 具体需要：
1）设置ip白名单
需要有开发权限管理员权限开发>基本配置>白名单>查看 IP白名单多个IP用回车分隔。
2）设置域名白名单

公众号设置—功能设置—js接口安全域名
第3点的txt文件要放到域名下，保证随时可以访问。https://www.xxxx666.com/report/MP_verify_wlPRmQ9ecc76yJF5.txt在浏览器可以访问。

3）1 logo图标需要放到服务器上，随时可以访问。 2 分享的链接必须是location.href.split('#')[0]，否则报错invalid signature
vue组件中：

import wxShare from "../wechat/wechat";
setShare() {
   
  let url=location.href.split('#')[0];
  //2020年
   let imgurl="https://www.xxxx666.com/img/report/logo.png"
   const shareInfo = {
   
     title: `“奉上您的2020总结`,
     desc: `支撑平台2020年终报告活动开始啦~`,
     link: url,
     img: imgurl
   }
   this.wechatShare(shareInfo)
 },
 //带个人信息的
 setSharePer(user) {
   
   let url