如何用Vue技术将H5链接分享至微信生成精美小卡片？

本文共计2212个文字，预计阅读时间需要9分钟。

目录+最新更新+前言+准备工作+前端业务实现（详）+后端代码实现（详）+总结+最新更新+2022年12月24日23:58:30+发现了一个问题，解决了很久，问题如下：+当我直接将链接发送到微时+

目录

• 最新更新
• 前言
• 准备工作
• 前端业务实现（超详细）
• 后端代码实现（超详细）
• 总结

最新更新

2022年12月24日23:58:30

发现了个问题，解决了好久，问题如下：

当我直接将链接发送到微信中的时候，然后打开，发现分享出去还是个链接。当我将链接分享到QQ时，发现是自定义卡片形式。我将QQ的卡片在分享到微信里面时，打开分享到微信，是自定义卡片形式。

这个问题看了好久，淘宝找人花80没有解决，退款给我了，各大技术群问了个遍，也没有解决，CSDN悬赏问答，也未能解决，最后发现是：
微信不支持直接进去链接分享，不然分享的还是链接，需要从微信的入口进去，比如先将内容生成二维码，然后扫描进去在分享，就可以了！！！

前言

我们在分享公众号信息到微信或者群中的时候，会出现一个小卡片，如下所示：

但是呢，这种小卡片只能走微信的接口来实现，比如我们从公众号、小程序中分享的内容可以是这样的。如果我们将自己的博客分享到微信的话，只会出现个链接。

那么，试问一下你，分享出来个这样的链接，你会去点吗？会不会以为这就是个钓鱼链接。