Vue.js SEO 友好

Question

让已开发的 Vue 应用程序对 SEO 友好（搜索引擎可读的所有标题元标记）的最简单方法是什么。

我研究了 NUXT，我将不得不重新构建整个东西，而且我不太喜欢 NUXT 的工作方式，除了 SSR（服务器端渲染）部分。

Answer 1

由于您使用的是vue-router，因此您可以在路径上使用meta 属性：https://router.vuejs.org/guide/advanced/meta.html

从这里开始，您可以定义标题、描述等，然后使用以下语法在布局中使用它们this.$router.currentRoute.meta.title

Answer 2

您可以使用vue-meta，在页面中呈现的每个组件上创建自定义元标记（用于 SEO）。