項目介紹：
主要技術(shù): Nuxtjs 2.0 、ElementUI 2.0
主要使用插件： axios（請求） 、 less（css編譯） 阁最、 highlight.js（代碼高亮） 术浪、 @nuxtjs/component-cache （緩存）
后臺管理：vueAdmin ( https://gitee.com/wilkwo/vueAdmin )
官網(wǎng)：https: //www.dsiab.com
拉取代碼后運行可看到效果（如果報錯請配置跨域）虹菲，不用跑后端服務(wù)睡雇，直接調(diào)用官網(wǎng)接口萌衬。
測試賬號、密碼：test / test
nuxt開發(fā)的項目能被搜索引擎收錄,能進行seo它抱。
上手簡單秕豫，語法跟vue基本一致，部分寫法有差異观蓄，只需要將文件按目錄新建好混移，nuxt會自動生成對應(yīng)路由。
能正常接入統(tǒng)計跟廣告代碼
由于Nuxt采用服務(wù)端渲染侮穿，所以影響頁面打開速度的因素很多沫屡，包括頁面內(nèi)容大小，服務(wù)器性能撮珠，網(wǎng)絡(luò)帶寬等沮脖。nuxt項目可以將頁面的主要內(nèi)容進行服務(wù)端渲染，其他不用考慮搜索引擎的的內(nèi)容可以在瀏覽器渲染芯急，即在頁面加載完成后再進行ajax請求勺届，這樣可以大大減少服務(wù)器壓力。
element-ui部分功能對搜索引擎及seo不夠友好娶耍，因為element-ui組件需要跳轉(zhuǎn)的鏈接都不是通過a鏈接免姿，所以這些組件需要手寫或者在element-ui的基礎(chǔ)上做修改。比如 菜單部分榕酒、分頁組件都需要進行修改胚膊。本項目有重寫分頁組件，方便seo想鹰。
某些時候某些接口并不需要都在服務(wù)端渲染紊婉，可以在瀏覽器渲染。比如目前首頁列表是服務(wù)端調(diào)用渲染辑舷，右側(cè)菜單的推薦跟分類是瀏覽器渲染喻犁，即跟正常的ajax調(diào)用一樣
注意瀏覽器調(diào)接口需要配置nginx反向代理，具體可參考：https://www.dsiab.com/post/4421
本項目使用@nuxtjs/component-cache 提升加載性能
# 下載代碼
git clone https://gitee.com/wilkwo/nuxt-web.git
# 安裝依賴$
npm install
# 本地啟動在 localhost:3000
npm run dev
# 部署到服務(wù)器何缓，先build肢础，再執(zhí)行start啟動
npm run build
npm run start
# 生成靜態(tài)項目
npm run generate
