如何修复 vue js 链接的 facebook 链接预览？

Question

当我尝试（测试）从我的 vue.js 项目到我的 Facebook 页面中的 post a link 时，link 预览部分无法按预期工作尽管我已经添加了所需的 <meta /> facebook 标签。

这是一个结果示例：

如何修复？谢谢

Answer 1

Facebook 的抓取工具未执行 JavaScript。因此，它只会看到您在页面上点击 "view source" 时会看到的内容 - 对于 Vue 应用程序，这非常少。

您需要深入研究 server-side rendering 个组件。