Vue动态添加元数据到内部组件答案

【问题标题】：Vue dynamic add meta data to inner componentsVue动态添加元数据到内部组件
【发布时间】：2021-03-04 17:04:01
【问题描述】：

我正在使用 vue 路由器和常见问题解答页面构建 vue spa，我想为每个问题（使用手风琴）动态添加元标题、描述和永久链接，以便在 google serp 和点击时单独显示它们，页面为自动滚动它。

你能给我一些提示吗？

【问题讨论】：

好吧，如果你想让一个页面被搜索引擎索引，你不能简单地使用 SPA，你需要一些 SSR（服务器端渲染）所以 GoogleBot（任何其他机器人) 可以浏览您的应用程序的 html 并将其编入索引。我建议你看看 Nuxtjs(nuxtjs.org) 或 Quasar 框架(quasar.dev)

标签： vue.js

【解决方案1】：

单页应用程序不适合搜索引擎。但是，如果您不想将当前的 vue 项目迁移到另一个框架（例如 Nuxt.js）的麻烦，id 建议使用 vue-meta 将元标记添加到您的路由中的每个页面，并且vue-prerender spa插件，构建静态html文件供搜索引擎扫描每个页面的元数据：

【讨论】：