公众号分享到朋友圈如何实现

Question

vue公众号项目要分享给朋友，看了微信api，我的实现如下，但并不能最终实现，请用过的大神指点一二
非常感谢

"weixin-js-sdk": "^1.4.0-test"

代码如下

import wx from "weixin-js-sdk";
async share() {
      const params = { url: location.href.split("#")[0] };
      const res = await utilModel.wechatShare({ params });
      if (res.code === "200") {
        wx.config({
          debug: false,
          appId: res.body.appId,
          nonceStr: res.body.noncestr,
          signature: res.body.signature,
          timestamp: res.body.timestamp,
          jsApiList: ["updateAppMessageShareData", 'updateTimelineShareData', "onMenuShareAppMessage", 'onMenuShareTimeline', 'onMenuShareQQ']
        });
      
        wx.checkJsApi({
          jsApiList: ["chooseImage", "updateAppMessageShareData"], // 需要检测的JS接口列表，所有JS接口列表见附录2,
          success: function(res) {
            console.log(res)
          }
        });
        const shareData = {
          title: "您的好友邀请您注册秒单之家",
          desc: "快来注册秒单之家，一大笔订单等你来拿",
          link: "http://yztest.yueworld.cn/cmsWeb",
          // imgUrl: window.document.location.protocol + '//' + window.document.location.host + '/assets/images/bind_plate.png', // 分享图标
          imgUrl:
            window.document.location.protocol + '//' + window.document.location.host + '/assets/images/bind_plate.png',
          // type: ['wx'], // 分享类型,music、video或link，不填默认为link
          // dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function() {
            // 用户确认分享后执行的回调函数
            alert("分享成功");
          },
          cancel: function() {
            // 用户取消分享后执行的回调函数
            alert("失败");
          }
        }
        wx.updateAppMessageShareData(shareData);
      }
    }

Answer 1

配置完之后应该写在ready回调里面