vue实现分享h5链接成卡片形式报错

(先悬赏15元，事成之后在给35元)

业务场景

使用vue将h5页面分享到微信的时候，让形成小卡片的形式，而不是超链接的形式，类似这样的：

然后按照官方文档操作，现在报错信息如下：

尝试的解决方法

1.确认了签名是没有问题的

2.config 中nonceStr的书写也没有问题：

3.url也没有问题，没有包含后面的#以及内容
4..确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致，因为我的appid是从后台拿过来的，全局只有这么一个
5..access_token和jsapi_ticket都没有限制

6.url是动态获取的。

问题都检查了，都没有问题，但是就是报错，PC端是没有问题的，手机端打开调试模式，报错。

我解决了，分享只能从微信的入口进，直接点击链接是分享出来的还是链接，扫码进去的话，分享出来才是自定义的卡片。

提供参考实例【vue3引入JS-SDK实现h5分享小卡片、跳转微信小程序功能】，链接：https://blog.csdn.net/qq_39422634/article/details/124745827

你这个报错无效得签名
1.首先确认后端返回得配置数据得字段跟你配置有没有对应上？包括字段字母大小写问题
2. 确认appid 是否是你配置过得公众号得appid
3. 确认你得公众号配置了你分享页面得域名链接已经配置到了 js 安全域名
4. 跟后端人员确认其 type 类型 是否正确
然后 你可以看下我自己写得vue 中 h5分享得文章，很详细，肯定能解决你得问题