在Vue项目中，可以通过在header中添加meta标签来设定分享到社交平台的链接标题、描述和缩略图。这包括`og:title`用于标题，`og:description`用于描述，以及`og:image`指定图片URL。同时，为了确保图片加载，可以在body中添加一张隐藏的img图片。
vue项目中添加分享链接的标题、描述和缩略图
1、在header中添加meta标签
<meta property="og:title" content="标题..." />
<meta property="og:description" content="描述..." />
<meta property="og:image" content="图片地址,最好是绝对路径的,这里我使用相对路径也可以实现" />
2、在body后添加一张img图片
<body>
<div>
<img src='图片路径' style='height:0;width:0;overflow:hidden;display:block;'/>
</div>
</body>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
