公司最近在做的一個專案,依然是採用熟悉的vue開發,資料平臺因為其資料量大的特點,採用傳統的spa模式,首頁載入時間很長,而SSR這種方式對於首屏的載入時間優化顯而易見,同時還可以方便的進行SEO。因此藉機學習Nuxt.js框架(文件詳細,更新快,issue反饋及時)及iview(比較優秀的一款UI,基本滿足專案需求)。
專案部分截圖
截圖一: 賬號和密碼隨意填寫
截圖二:
截圖三:
重新整理瀏覽器,重新從伺服器端獲取頁面,看到是已經渲染過的html
專案地址
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
複製程式碼