Vue.js+Egg.js+Mongodb先後端分離的我的網站

AntVueBlogFront

Vue.js+Egg.js+Mongodb先後端分離的我的網站博客。

博客地址:ANT （ssr渲染參考AntVueBlogFrontSSR）

主要技術棧

• 前端：vue.js、vue-router、vuex AntVueBlogFront
• 後端：Egg.js、Mongodb AntEggBlogService
• 後臺管理: vue.js、vue-router、vuex AntVueBlogAdmin

博客功能

前臺頁面

• 文檔列表
• 分類
• 標籤
• 歸檔
• 評論（暫時關閉）
• 文章檢索

後臺管理

• 發佈文章、存爲草稿
• 文章管理
• 標籤管理
• 分類管理
• 登陸驗證

Setup

運行環境

• node.js
• mongoDB

克隆遠程庫

git clone git@github.com:antbaobao/AntVueBlogFront.git

安裝依賴

cd AntVueBlogFront
npm i

運行

npm run dev

目錄

│  .babelrc             babel配置
│  .editorconfig        編輯器配置
│  .eslintignore        eslint忽略
│  .eslintrc.js         eslintrc配置
│  .gitignore           git上傳忽略
│  .postcssrc.js
│  Dockerfile           docker 配置
│  index.html           打包模板
│  package.json
│  README.md
│
├─build
├─src
│   │  main.js        項目入口
│   │  App.vue          根組件
│   │  index.css      全局樣式
│   │
│   ├─api             api 請求接口
│   │
│   ├─assets          外部引用文件
│   │  ├─css
│   │  └─js
│   │
│   ├─components      vue組件
│   │
│   ├─ layout         頁面公共結構
│   │
│   ├─store           vuex文件
│   │
│   ├─utils           工具函數
│   │
│   └─views           頁面vue文件
│
├─test
└─static            靜態文件

部署

部署流程能夠參考使用docker部署網站

[0.9] - 2019-05-31

Changed

• 優化了頁面跳轉
• 優化了CSS的命名使用BEM命名規則

[0.81] - 2019-05-15

Added

• 新增了全文檢索功能

Changed

• 重構了整個前端頁面，包括頁面背景，首頁佈局。

Fixed

• 修復了路由跳轉的bug

todo

重構頁面後移動端適配還沒作

遺留bug

1. 我部署到服務器後首次訪問頁面首次點擊頁面跳轉會卡頓一下，而後後面點擊就正常了，我在本地開發的時候沒有遇到這樣的問題，這個問題困擾了我好久，若是有知道的朋友望告知