vue微信分享朋友圈{realAuthUrl: “[https://byj.ink/#/index, https://byj.ink/#/index]“, errMsg: “config:invali

最新推荐文章于 2024-08-23 10:41:37 发布

ABCHERRY7

最新推荐文章于 2024-08-23 10:41:37 发布

阅读量2.3k

点赞数

文章标签：前端 vue.js 微信微信公众平台分享朋友圈

baiyajin

本文链接：https://blog.csdn.net/baiyajin/article/details/126271399

版权

vue微信分享朋友圈总是提示：

{realAuthUrl: "[https://byj.ink/#/index, https://byj.ink/#/index]", errMsg: "config:invalid signature"}

我的天，已经调了两周了，想哭

代码如下：

utils.js

export function wxShareConfig () {
  request('/getWXShareSign', 'post', {url: location.href.split('#')[0]}, data => {
    wx.config({debug: true, ...data, jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']})
  })
}

export function getWXShareSign (config) {
  wx.ready(function () {
    wx.updateAppMessageShareData(config)
    wx.updateTimelineShareData(config)
  })
  wx.error(function (result) {
    console.log(result)
  })
}

main.js 调用

wxShareConfig()

点击分享按钮调用

const config = {
    title: fileName,
    link: `${location.href.split('#')[0]}?wxShareP=${encodeURIComponent(JSON.stringify(params))}`,
    desc: fileIntroduce || fileArtist,
    imgUrl: window.$address + filePicture
  }
  getWXShareSign(config)

微信上打开https://byj.ink

就提示 {realAuthUrl: "[https://byj.ink/#/index, https://byj.ink/#/index]", errMsg: "config:invalid signature"}

放app.vue文件中调用wxShareConfig()则自定义的标题，图片都不显示了，放路由对应的页面执行反而什么都不显示