一個基於nuxt+iview-admin+koa2 的專案

eadon發表於2018-06-22

公司最近在做的一個專案,依然是採用熟悉的vue開發,資料平臺因為其資料量大的特點,採用傳統的spa模式,首頁載入時間很長,而SSR這種方式對於首屏的載入時間優化顯而易見,同時還可以方便的進行SEO。因此藉機學習Nuxt.js框架(文件詳細,更新快,issue反饋及時)及iview(比較優秀的一款UI,基本滿足專案需求)。

專案部分截圖

截圖一: 賬號和密碼隨意填寫

一個基於nuxt+iview-admin+koa2 的專案

截圖二:

一個基於nuxt+iview-admin+koa2 的專案

截圖三:

一個基於nuxt+iview-admin+koa2 的專案

重新整理瀏覽器,重新從伺服器端獲取頁面,看到是已經渲染過的html

一個基於nuxt+iview-admin+koa2 的專案

專案地址

git clone https://github.com/moedong/nuxt-iview.git
複製程式碼

安裝

npm install
複製程式碼

開發

npm run dev

// GO to http://127.0.0.1:3000
複製程式碼

測試環境

// 需要pm2,如果沒有安裝的先安裝  npm install -g pm2
npm run publish:test
複製程式碼

生產環境

// 需要pm2,如果沒有安裝的先安裝  npm install -g pm2
npm run publish:prod
複製程式碼

參考資料

nuxt.js

iview

iview-admin

koa-template

相關文章