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

按需規(guī)劃網(wǎng)站可以根據(jù)自己的需求進行定制，成都做網(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后目標產(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 進行配置指定。

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

直接使用腳手架進行安裝：

npx create-nuxt-app <項目名>

網(wǎng)站題目：Nuxt.js實戰(zhàn)和配置詳解-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://jinyejixie.com/article2/djsjic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、ChatGPT、品牌網(wǎng)站建設(shè)、App設(shè)計、虛擬主機、微信公眾號

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)