如何呈现Gridsome元数据(vue-meta)服务器端？

Question

在Gridsome中:似乎metaInfo中的内容是在挂载后生成的，当通过facebook刮取时，就不会出现链接预览。og:标题、描述和图像在客户端可见。

如何让它在构建时生成，这样它就可以立即在.html中生成？

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

Answer 1

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

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