背景由于面试总是被问到ssr，所以想搞一套服务端渲染。后来发现直接手动配置会有很多坑。和前端的朋友交流，给我推荐了nuxt。下面我将对研究的初步了解记录下来。简介Nuxt是一个基于Vue的应用框架，使用服务端渲染，让你的SPA应用（Vue）也可以有SEO。实践1.创建项目$npminstall-gvue-cli$vueinitnuxt/starter$cd$npminstall$npmrundev2.项目目录|--assets//用于组织LESS、SASS或JavaScript等未编译的静态资源|--components//用于自己编写的Vue组件，如wave组件、日历组件、分页组件|--layouts//布局目录，用于组织应用的布局组件，不可更改|--middleware//用于存放中间件|--pages//用于存放写好的页面，我们的主要工作区|--plugins//用于存放JavaScript插件|--static//用于存放静态资源文件，比如图片|--store//用于组织应用的Vuex状态管理|--.editorconfig//开发工具格式配置|--.eslintrc.js//ESLint配置文件，用于检查代码格式|--.gitignore//配置git不上传的文件|--nuxt.config.json//用于整理Nuxt.js应用的个性化配置，其中已覆盖默认配置|--package-lock。json//npm自动生成帮助包的统一设置，yarn也有相同的操作|--package.json//npm包管理配置文件原理Nuxt.js使用了一系列建立在Vue之上的方法。js服务端渲染，具体流程如下：调用nuxtServerInit方法。输入请求时，第一个调用是nuxtServerInit方法。您可以使用此方法预先保存服务器数据，例如已登录的用户信息。另外，该方法还可以进行异步操作，等待数据解析完毕再返回。中间件层走完第一步之后，请求就会进入中间件层。这一层分为三步：读取nuxt.config.js中全局中间件字段的配置，并调用相应的中间件方法匹配并加载对应于请求的布局调用layout和page的中间件方法并调用验证方法。这一步可以验证请求参数，也可以验证第一步服务器发送的数据。如果验证失败，将抛出404页面。调用fetch和asyncData方法。这两个方法将在组件加载之前被调用。他们的职责不同。asyncData用于异步初始化组件数据，而fetch方法专注于异步获取数据后修改Vuex中的状态。
