使用 nuxt+iview-admin+koa2 開發(fā)項目

henry14 發(fā)布于2019-08-02 16:02 / 3496人閱讀

摘要：因此借機學(xué)習(xí)框架文檔詳細(xì)，更新快，反饋及時及比較優(yōu)秀的一款，基本滿足項目需求。

公司最近在做的一個項目，依然是采用熟悉的vue開發(fā)，數(shù)據(jù)平臺因為其數(shù)據(jù)量大的特點，采用傳統(tǒng)的spa模式，首頁加載時間很長，而SSR這種方式對于首屏的加載時間優(yōu)化顯而易見，同時還可以方便的進行SEO。因此借機學(xué)習(xí)Nuxt.js框架（文檔詳細(xì)，更新快，issue反饋及時）及iview（比較優(yōu)秀的一款UI，基本滿足項目需求）。

項目部分截圖

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

截圖二：

截圖三：

刷新瀏覽器，重新從服務(wù)器端獲取頁面，看到是已經(jīng)渲染過的html

項目地址

git clone https://github.com/moedong/nuxt-iview.git

安裝

npm install

開發(fā)

npm run dev

// GO to http://127.0.0.1:3000

測試環(huán)境

// 需要pm2，如果沒有安裝的先安裝  npm install -g pm2
npm run publish:test

生產(chǎn)環(huán)境

// 需要pm2，如果沒有安裝的先安裝  npm install -g pm2
npm run publish:prod

參考資料

nuxt.js
iview
iview-admin
koa-template

GPU云服務(wù)器云服務(wù)器 koa2 nuxt nuxt.js 開發(fā)項目

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/54560.html

相關(guān)文章

使用 nuxt+iview-admin+koa2 開發(fā)項目

摘要：因此借機學(xué)習(xí)框架文檔詳細(xì)，更新快，反饋及時及比較優(yōu)秀的一款，基本滿足項目需求。公司最近在做的一個項目，依然是采用熟悉的vue開發(fā)，數(shù)據(jù)平臺因為其數(shù)據(jù)量大的特點，采用傳統(tǒng)的spa模式，首頁加載時間很長，而SSR這種方式對于首屏的加載時間優(yōu)化顯而易見，同時還可以方便的進行SEO。因此借機學(xué)習(xí)Nuxt.js框架（文檔詳細(xì)，更新快，issue反饋及時）及iview（比較優(yōu)秀的一款UI，基本滿...

sorra 2019-08-22 18:12 評論0 收藏0
使用 nuxt+iview-admin+koa2 開發(fā)項目

摘要：因此借機學(xué)習(xí)框架文檔詳細(xì)，更新快，反饋及時及比較優(yōu)秀的一款，基本滿足項目需求。公司最近在做的一個項目，依然是采用熟悉的vue開發(fā)，數(shù)據(jù)平臺因為其數(shù)據(jù)量大的特點，采用傳統(tǒng)的spa模式，首頁加載時間很長，而SSR這種方式對于首屏的加載時間優(yōu)化顯而易見，同時還可以方便的進行SEO。因此借機學(xué)習(xí)Nuxt.js框架（文檔詳細(xì)，更新快，issue反饋及時）及iview（比較優(yōu)秀的一款UI，基本滿...

Corwien 2019-08-30 15:53 評論0 收藏0
vue+nuxt+koa+mongodb寫一個博客(Day1)

摘要：但是在這個過程中，遇到了一個請求無法獲取到的問題。解決辦法安裝包再次打印三接下來幾天需要完成的工作大概看一下的并各寫一篇博客登錄和注冊應(yīng)該使用有關(guān)的知識了解一下并寫一篇博客。 vue nuxt koa2 mongodb 寫博客(Day1) 一.利用nuxt初始化項目初始化項目有兩種方法： 1.vue init nuxt-community/koa-template 此種方法...

Joyven 2019-06-26 17:56 評論0 收藏0
推送近期三波關(guān)于Vue.js的資訊

摘要：原文來自集前端最近很火的框架資源定時更新，歡迎一下。推送自己整理近期三波關(guān)于的資訊這里就拋磚引玉了，望有更屌的資源送助攻。原文來自：集web前端最近很火的vue2框架資源；定時更新，歡迎Star一下。推送自己整理近期三波關(guān)于Vue.js的資訊；這里就拋磚引玉了，望有更屌的資源送助攻。 showImg(https://segmentfault.com/img/bVVeiZ); 第...

Anonymous1 2019-08-22 11:10 評論0 收藏0
前端最實用書簽(持續(xù)更新)

摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點混亂所以將前端主流技術(shù)做了一個書簽整理不求最多最全但求最實用。前言一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點混亂; 所以將前端主流技術(shù)做了一個書簽整理,不求最多最全,但求最實用。書簽源碼書簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...

sshe 2019-08-23 12:00 評論0 收藏0