Nuxt.js实战配置中都有哪些关键细节可以详细学习？

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

前期阶段，公司刚开始有项目使用了Nuxt.js搭建，并在内部进行了一个分享。趁热打铁，整理了一下，分享下搭建过程中的配置。

本文主要面向初次使用Nuxt.js的同学，主要讲解搭建过程中的配置。

前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。建议初次使用Nuxt.js的同学先过一遍官方文档，再回头看下我这篇文章。

一、为什么要用Nuxt.js

原因其实不用多说，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。

二、Nuxt.js和纯Vue项目的简单对比

1. build后目标产物不同

vue: dist

nuxt: .nuxt

2. 网页渲染流程

vue: 客户端渲染，先下载js后，通过ajax来渲染页面；

nuxt： 服务端渲染，可以做到服务端拼接好html后直接返回，首屏可以做到无需发起ajax请求；

3. 部署流程

vue： 只需部署dist目录到服务器，没有服务端，需要用nginx等做Web服务器；

nuxt： 需要部署几乎所有文件到服务器（除node_modules，.git），自带服务端，需要pm2管理（部署时需要reload pm2），若要求用域名，则需要nginx做代理。