Nuxt.js如何构建SSR博客，实现长尾词SEO优化？

本文共计2418个文字，预计阅读时间需要10分钟。

为什么选择Nuxt.js框架？现有项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，这样做是为了首屏加载速度以及SEO。Nuxt.js是一个基于Vue.js的通用应用框架，预设了利用其进行服务端渲染的优势。

为什么要用Nuxt.js

公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要的各种配置，只需要安装官方文档的要求进行开发，就可以很好的解决SSR的问题。我们以一个简单的博客为例，来实践一下Nuxt.js。

项目介绍

当前基于Nuxt.js的简化版博客，包括注册、登录、文章列表页面、文章详情页、以及用户列表页等几个页面，用户信息使用了Vux进行存储，异步数据使用了asyncData进行获取，配合了nuxtServerInit、cookie来处理刷新页面后Vux数据丢失的问题，同时使用了error模板页面处理常规错误，使用了中间件进行了简单的权限校验。该项目不足点，统一封装了axios的方法，但是没有考虑到服务端请求接口，token的处理。

目录结构

• assets: 资源文件。用于组织未编译的静态资源如 LESS、SASS或 JavaScript。
• components: 组件。