nuxt解决首屏加载慢问题_nuxt.js框架踩坑指南

Nuxt

官方文档

简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(Vue)也可以拥有SEO

生命周期

众所周知，Vue的生命周期全都跑在客户端(浏览器)，而Nuxt的生命周期有些在服务端(Node)，客户端，甚至两边都在:

生命周期流程图，红框内的是Nuxt的生命周期(运行在服务端)，黄框内同时运行在服务端&&客户端上，绿框内则运行在客户端

遇到的问题

一、从上面的生命周期可以看出来created会在服务端和客户端执行，因为服务端是没有window、localStorage、sessionStorage、cookie，所以created如果要使用这些对象的话需要先判断在客户端环境下再执行。

二、在created里执行代码又会衍生出另一个问题，如果在created里写了只在客户端执行的代码，这部分代码的效果修改了dom树的话会报错：服务端和客户端dom树不一致。这种情况把代码写到mounted下面就行。

三、nuxt