H5页面及店铺分享带图简介

// 初始化微信config
            async wxInit() {
   
            try {
   
                console.log("授权地址", location.href);

                //这里单独提出来
                let data = await get_goods_share({
   
                goods_url: location.href,
                goods_id: this.$route.query.id
                });
                wx.config({
   
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: data.appId, // 必填，公众号的唯一标识
                timestamp: data.timestamp, // 必填，生成签名的时间戳
                nonceStr: data.nonceStr, // 必填，生成签名的随机串
                signature: data.signature, // 必填，签名
                rawString: data.rawString,
                jsApiList: ["updateAppMessageShareData", "onMenuShareAppMessage"] // 必填，需要使用的JS接口列表
                });
            } catch (err) {
   }
            },
            //分享店铺接口
            async sharegoods() {
   
            try {
   
                wx.ready(() => {
   
                //需在用户可能点击分享按钮前就先调用
                let shareimg=this.gshop_qrcode
                wx.onMenuShareAppMessage({
   
                    title: this.title, // 分享标题
                    desc: "快来看看我给你分享的店铺：" + this.title + '总有一款商品适合你', // 分享描述
                    link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareimg, // 分享图标
                    success: function(res) {
   
                    console.log("updateTimelineShareData:ok", res);
                    // 设置成功
                    }
                });
                });
            } catch (err) {
   
                console.log('分享失败了','err');
            }
            },

别忘记引入：
import wx from "weixin-js-sdk";