vue.js - 如何在 Vue JS SPA 中打开图形图像？

我正在尝试在我的 VueJS 单页应用程序中包含一个开放图形图像。

给我这个链接预览:

如果我希望所有路由都返回相同的图像，我认为我可以在页面顶部插入开放图元标记，但我希望不同的页面显示不同的图像。

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

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

最佳答案

prerender-spa-plugin结合 vue-head/vue-meta 应该可以为您解决问题!只要您提前知道您的所有路线，它就会呈现您可以为机器人服务的 index.html 文件。

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

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

关于vue.js - 如何在 Vue JS SPA 中打开图形图像？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46718161/