如何渲染 Gridsome 元数据（vue-meta）服务器端？

【问题标题】：How to render Gridsome metadata (vue-meta) Server Side?如何渲染 Gridsome 元数据（vue-meta）服务器端？
【发布时间】：2021-07-23 17:45:51
【问题描述】：

在 Gridsome 中：似乎metaInfo 中的内容是在挂载后生成的，这导致当 facebook scraped 时没有链接预览。 og:title、description 和 image 在客户端可见。

如何让它在构建时生成，以便立即在 .html 中？

我只能在 main.js 中使用 head.meta.push({}) 添加全局数据

【问题讨论】：

【解决方案1】：

解决方案：将metaInfo 移动到App.vue。

似乎它只在构建时呈现App.vue，并且它只会在那里调用metaInfo() - 您可以在其中使用来自gridsome.server.js 方法createPage() 的元数据obj。

【讨论】：