如何在Vue JS SPA中打开图形图像？

Question

我想在我的VueJS单页应用程序中包含一个打开的图形图像。

https://developers.facebook.com/tools/debug/

息率我这个链接预览：

我想我可以卡住的Open Graph meta标签页面的顶部，如果我想所有路线返回相同图像，但我希望不同的页面显示不同的图像。

我试过https://github.com/declandewet/vue-meta和https://github.com/ktquez/vue-head，但这些似乎没有帮助，大概是因为他们在页面加载后通过JS注入元标记。

除了使用Nuxt或Vue SSR预渲染之外，还有其他方法吗？

Answer 1

prerender-spa-plugin与vue-head/vue-meta一起应该为你做点诀窍！只要你事先知道你的所有路线，它就会呈现你可以为机器人服务的index.html文件。

如果您有动态内容，则必须使用captureAfterDocumentEvent或captureAfterTime才能捕获已呈现的异步内容。

如果你需要更强大的东西Vuejs SSR可能是一个更好的选择。