【Vue 开发实战】生态篇 # 21：Nuxt解决了哪些问题？

说明

【Vue 开发实战】学习笔记。

SPA缺点

• 不利于SEO：可以使用服务端渲染 SSR
• 首屏渲染时间长：可以使用预渲染 Prerendering

预渲染 Prerendering

适用于静态站点

SSR

• 动态渲染
• 配置繁琐

Nuxt

• 静态站点
• 动态渲染
• 简化配置

https://v3.nuxtjs.org/

其实对于静态页面还可以使用一个 Vue 专用的静态页面生成器 Gridsome，算是对 React Gatsby 的一个模仿，通过 GraphQL 获取数据后生成 Prerender 的静态页面，对于纯展示性的项目来说性能、优化以及 SEO 做的都很好。

Gridsome

   基于 Vue.js 构建的 Jamstack 框架，Gridsome 让开发人员可以轻松地构建静态生成的网站和应用程序，这些网站和应用程序 天生速度快 🚀

对于动态内容，如果不使用 SSR，如何做 SEO

使用无头浏览器 (phantomjs、headlessChrome)，就是没有图形界面的浏览器，可以通过userAgent 判断是真实用户，如果就返回信息给搜索引擎，这样就能达到 SEO 优化。