基于vue的服务端渲染

2019-04-30  本文已影响0人  我性本傲

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,一起返回客户端。

上一篇 下一篇

猜你喜欢

热点阅读