更新时间:2023-07-31 来源:黑马程序员 浏览量:
Nuxt 采用了混合的架构模式,同时支持 SSR 和 SPA,兼顾了 SSR 和 SPA 的优点,页面切换流畅,动态渲染变化的部分,用户体验好,提高页面首次加载速度 和 SEO。
SSR 服务端渲染: 首次访问页面 ,Nuxt.js 在服务器端执行 Vue 组件的渲染过程,并生成初始 HTML。
SPA 客户端激活:一旦初始 HTML 被发送到浏览器,Vue.js 会接管页面,后续的页面切换则使用 SPA 的方式进行。
Nuxt 框架适用于企业网站、商品展示 等 C 端网站,对 SEO 搜索更友好,且页面切换流畅,用户体验更好。
Nuxt 默认开启 SSR 服务端渲染,推荐开启,从而兼顾了 SSR 和 SPA 的优点,也利于 SEO 搜索引擎优化,开启和关闭服务器端渲染的代码如下:
// nuxt.config.ts export default defineNuxtConfig({ // 是否开启 ssr 服务端渲染 ssr: true, })