如何解决带有Nuxt的Vuex中的项目是否已被抓取?
我正计划将博客的大部分文本存储在vuex中,以加快加载速度。这是一个特别适合SEO的好主意,还是应该为所有帖子创建单独的路线?我绝对不了解SEO,而且在我主要使用香草javascript之前,我还是vue / nuxt的新手。
解决方法
如果您想知道Google能够查看内容的能力,我不会担心。我已经测试了许多类似的情况,即使通过外部API提取数据,Google还是很乐意等一会儿,看看页面如何呈现和抓取结果。
但是,如果您担心,只需使用asyncData
或fetch
生成组件数据即可。两者都会在呈现模板之前运行,因此您可以抓取数据并使之在页面加载之前可用。
export default {
async asyncData({ store }) {
return {
blogData: store.state.blogs.find(blog => blog.id === 1)
}
}
}
,
您可以但不建议这样做。
Nuxt提供了一个编写博客https://nuxtjs.org/blog/creating-blog-with-nuxt-content
的好模块也适用于静态网站。他们会被预先渲染。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。