开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第6天,点击查看活动详情
从本文开始要对nuxt2入门进行编写一系列文章,欢迎感兴趣的同学一起来学习。
关于ssr
众所周知,目前流行的SPA(单页应用)不利于搜索引擎的SEO优化,特别是百度根本没法抓取到SPA的内容页面。同时,单页面应用还有一个通病,就是在在访问时会将所有的文件进行加载,首屏访问需要等待一段时间,也就是常说的白屏。那么对于一些特别偏向社区需要搜索引擎提供流量的项目,是一个很大的弊端。那么 ,我们就可以考虑使用服务端渲染,也就是SSR。
服务端渲染有哪些好处?
- 更好的SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
- 对于缓慢的网络或运行缓慢的设备,可提供 获取网页速度,有良好的用户体验
- ssr会减少对服务器的请求。普通的页面,先获取文件,再读取文件,再读取内容,读取到ajax的js的时候,再向服务器发送请求,获取内容。这就是至少二次对服务器的请求了。如果是SSR,直接就是在服务端渲染为完整的页面,发送到浏览器了。
初始nuxt
本系列文章就着手对nuxt进行学习,nuxt是基于vue的ssr的服务端渲染框架。
他有哪些优点呢?
- 基于vue.js,自动分层代码,服务端渲染
- 强大的路由功能,支持异步数据
- 静态文件服务
- ES6/ES7语法支持
- 打包和压缩JS和CSS
- HTML头部标签管理
- 本地开发支持热加载
- 继承ESLint
- 支持各种样式 预处理器:SASS、LESS、Stylus等等
传送门:Nuxt.js中文网