Nuxt2入门(1)- 初识Nuxt.js

712 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 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中文网

image.png