使用 nuxt+iview-admin+koa2 開發項目

公司最近在作的一個項目,依然是採用熟悉的vue開發,數據平臺由於其數據量大的特色,採用傳統的spa模式,首頁加載時間很長,而SSR這種方式對於首屏的加載時間優化顯而易見,同時還能夠方便的進行SEO。所以藉機學習Nuxt.js框架(文檔詳細,更新快,issue反饋及時)及iview(比較優秀的一款UI,基本知足項目需求)。html

項目部分截圖

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

圖片描述

截圖二:git

圖片描述

截圖三:github

圖片描述

刷新瀏覽器,從新從服務器端獲取頁面,看到是已經渲染過的htmlnpm

圖片描述

項目地址

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瀏覽器

相關文章
相關標籤/搜索