如何在 Sapper.js 项目上动态更改 og 元标记答案

【问题标题】：How to change og meta tags dynamically on Sapper.js project如何在 Sapper.js 项目上动态更改 og 元标记
【发布时间】：2020-07-18 17:36:11
【问题描述】：

我正在使用 Strapi 博客编写 Sapper.js。我想使用分享社交按钮来分享每篇博文。您知道我如何动态更改 og 元标记，因为每个博客帖子都会拍摄他的照片和标题。我尝试使用 svelte:head 但它不起作用。谢谢。

【问题讨论】：

【解决方案1】：

<svelte:head> 是这样做的方法。它应该像在里面设置元标记一样简单。

查看源代码时能看到标签吗？您是否检查过标签是否正在服务器上呈现？如果您对这些值进行硬编码，它会起作用吗？

【讨论】：

我试过这个，但在页面加载后呈现元标记，我从 facebook 开发人员那里得到以下警告： 'og:image' 属性应该明确提供，即使是否可以从其他标签推断出一个值。我猜应该在页面渲染之前完成 og 元标记的水合。
回答您的问题：是的，我看到动态元标记在检查后是正确的。我对这些值进行了硬编码。对于第二个问题，它们被呈现在客户端。我认为这是解决方案，将它们呈现在服务器上，但我不知道如何。我应该为此使用 polka/express 吗？
不，你应该能够像往常一样在 Sapper 中使用 svelte:head。您在运行 SSR 时是否有数据，或者您是否在 onMount 或类似的东西中获取数据？我自己在 Sapper 中使用过 OG 标签，没有遇到过这样的问题。
数据在
我想我可能做错了什么，但我不知道是什么，因为新的元标记在检查后显示。