Vue
2021-10-25 121
SSR常用框架
- React 的 Next
- Vue.js 的 Nuxt
1.注重SEO的新闻网站，非强交互的页面，建议采用服务器端渲染互联网（公众，天猫，京东，静态化 --- SSR ）
2.对于强交互的页面，不注重SEO，采用客户端渲染 企业应用（内网，没有 SEO 需求
3.只需改善少数页面的SEO，采用预渲染
https://www.jianshu.com/p/e9eda98b9fc9
NUXTJS的三种渲染特性（摘自官网描述）：
服务端渲染（SSR）：这是 Nuxt 最受欢迎的模式。利用 SSR（也叫做 “universal” or “isomorphic” 模式），Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端，而不是纯 javascript。与传统的 Vue SPA 相比，使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。因为由开发者独立实现 SSR 将会非常繁琐，Nuxt.js 对此提供了开箱即用的全面支持， 并帮你规避常见的陷阱。
生成静态站点：生成静态站点是现在的一个热门话题（也叫做 JAMStack）。与其换一个框架并花时间去适应它，为什么不一石二鸟呢？Nuxt.js 支持基于 Vue 应用程序生成静态站点。这是“两全其美”的， 因为你不要服务器，但是仍能获得 SEO 的好处，这是因为 Nuxt 将预先渲染所有页面，并且包括必要的 HTML。此外，你可以轻松地将生成的页面部署到 Netlify 或 GitHub pages 上。
单页面应用（SPA）：不需要 SSR 或生成静态站点，但仍希望从 Nuxt 提供的好处中获益？你是否正在慢慢转换你的应用程序并希望起步阶段是轻量的？那么传统的 SPA 模式更适合你。 最终你将获得一个你所熟悉的典型的 Vue SPA，但会受到 Nuxt 配置和框架本身的影响。
————————————————
版权声明：本文为CSDN博主「栗子同盟Lux」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/Lux_1903/article/details/105670200