SPA缺点:
不利于SEO ===》 服务端渲染SSR
首屏渲染时间长 ===》 预渲染Prerendering
Prerendering
适用于静态站点,不常改变的静态页面。about.html关于我们 contact.html联系我们
SSR
动态渲染
配置繁琐
针对以上问题出现了nuxt.js
静态站点
动态渲染
简化配置
对于动态内容,如果不使用SSR,如何做SEO?
nuxt.js核心原理(SSR核心原理)
不管是不是服务端渲染,客户端依然要走流程,否则页面虽然在,但是却不能点击,不能交互,不能实时响应。
不使用SSR:
客户端请求服务器,服务器处理完数据给我们返回,空壳的index.html
使用SSR
客户端请求服务器,服务器根据URL,通过renderToString来渲染组件,得到的字符串会放到index.html,一起返回客户端。
网友评论