是否正在爬取带有 Nuxt 的 Vuex 中的项目？

Question

我计划将我博客的大部分文本存储在 vuex 中以加快加载速度。这是一个好主意，尤其是对 SEO 而言，还是我应该为所有帖子创建单独的路线？我确实对 SEO 了解不多，我也是 vue/nuxt 的新手，在我主要使用香草 javascript.

之前

Answer 1

如果您想知道 Google 查看内容的能力，我不会担心。我已经测试了很多类似的情况，即使数据是通过外部 API 拉入的，Google 也乐于等待一段时间，看看页面是如何呈现和抓取结果的。

但是，如果您担心，只需使用 asyncData 或 fetch 生成组件数据即可。 运行 在 您的模板呈现之前，您可以获取数据并在页面加载之前使其可用。

export default {
  async asyncData({ store }) {
    return {
      blogData: store.state.blogs.find(blog => blog.id === 1)
    }
  }
}

Nuxt asyncData

Answer 2

可以，但绝对不建议这样做。

Nuxt 提供了一个很好的写博客的模块https://nuxtjs.org/blog/creating-blog-with-nuxt-content

也适用于静态站点。他们得到 pre-rendered.

Answer 3

我不会使用 VueX 来存储博客文章，尤其是当您使用所有静态内容时。

Nuxt 有一个很棒的包，nuxt content 就是为此而设计的。它为博客文章使用降价页面。

然后我会使用 nuxt seo package 来加强您网站的 SEO。有了它，您可以轻松设置您的默认站点 SEO 设置，如 Twitter 句柄和图像。然后您可以更新您拥有的每篇博文的社交媒体图片，直接从 nuxt content.

获取数据