前段時間剛好公司有項目使用了Nuxt.js來搭建，而剛好在公司內(nèi)部做了個分享，稍微再整理一下發(fā)出來。本文比較適合初用Nuxt.js的同學(xué)，主要講下搭建過程中做的一些配置。建議初次使用Nuxt.js的同學(xué)先過一遍官方文檔，再回頭看下我這篇文章。

按需規(guī)劃網(wǎng)站可以根據(jù)自己的需求進(jìn)行定制，成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)構(gòu)思過程中功能建設(shè)理應(yīng)排到主要部位公司成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)的運用實際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實際意義

一、為什么要用Nuxt.js

原因其實不用多說，就是利用Nuxt.js的服務(wù)端渲染能力來解決Vue項目的SEO問題。

二、Nuxt.js和純Vue項目的簡單對比

 1. build后目標(biāo)產(chǎn)物不同

vue: dist

nuxt: .nuxt

2. 網(wǎng)頁渲染流程

vue: 客戶端渲染，先下載js后，通過ajax來渲染頁面；

nuxt： 服務(wù)端渲染，可以做到服務(wù)端拼接好html后直接返回，首屏可以做到無需發(fā)起ajax請求；

3. 部署流程

vue： 只需部署dist目錄到服務(wù)器，沒有服務(wù)端，需要用nginx等做Web服務(wù)器；

nuxt： 需要部署幾乎所有文件到服務(wù)器（除node_modules，.git），自帶服務(wù)端，需要pm2管理（部署時需要reload pm2），若要求用域名，則需要nginx做代理。

4. 項目入口

vue: /src/main.js ，在main.js可以做一些全局注冊的初始化工作； nuxt: 沒有main.js入口文件，項目初始化的操作需要通過 nuxt.config.js 進(jìn)行配置指定。

三、從零搭建一個Nuxt.js項目并配置 新建一個項目

直接使用腳手架進(jìn)行安裝：

npx create-nuxt-app <項目名>

本文標(biāo)題：Nuxt.js實戰(zhàn)和配置詳解-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/djsjic.html