Vue.js SEO友好

Question

使已开发的Vue应用程序SEO友好（最容易被搜索引擎读取的所有标头元标记）的最简单方法是什么。

我已经研究了NUXT，我将不得不再次重新构建整个内容，此外，除了SSR（服务器端渲染）部分之外，我真的不喜欢NUXT的工作方式。

Answer 1

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

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

在布局中使用它们

Answer 2

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