nuxt(vue) + koa + mongo 寫blog的一次小結

兩個多月的空餘時間裏,博客差很少搭完。vue

  • 感謝surmon.me,此 blog 纔會誕生。
  • 感謝七牛雲提供資源存儲。
  • 感謝騰訊雲 提供 SSL 證書。
  • 感謝各類開源。

體驗地址: jkchao.cn node


nuxt(vue) + koa + mongo 寫blog的一次小結

CLIENT: vue-blogios

ADMIN: vue-adminnginx

SERVICE: node-koagit


CLIENT

相關截圖github

主要技術棧

  • nuxt (vue)redis

  • vuex + vue-router + axiosvue-router

  • marked + highlightmongodb

  • ...vuex

AMDIN

相關截圖

技術棧

  • vue

  • vuex + vue-router + axios + Element

  • 權限部分,登陸時接受服務器返回的 token,儲存在本地, 使用 axios 攔截,以及 vue-router 路由元信息部分攔截,會檢查 token 以及是否過時。

  • markdown 使用插件 vue-simplemde

  • 使用 element-ui 上傳組件配合七牛。

  • ...

SERVER

主要技術棧

  • koa2

  • 數據庫 mongo

  • 權限 jwt

  • ...

node 版本 6.x+,使用前,請安裝mongodb。

發佈

  • 完成項目後,將發佈到本身服務器上,先確保已安裝node, mongodb

  • pm2 項目管理

  • nginx 反向代理

TODO

  • 加入網易雲音樂

  • 使用 redis 對一部分數據進行緩存處理

  • admin 個人面板統計優化

  • Google Analytics 統計

  • electron 桌面應用

  • weex ?

相關文章
相關標籤/搜索