使用node+vue实现一个前后端分离的简约博客

2,378 阅读1分钟

博客介绍

前端展示 http://118.190.210.157:8111/

后台管理 http://118.190.210.157:8080

该项目使用前后端分离开发,前端展示、node做后台、以及后台管理。涉及的技术

前端 vue+nuxt.js

后台 node+koa2+mongoDB

后台管理 React+antd

目录说明:

默认是后台目录, 其中client目录下是前端代码

后台管理项目另起仓库 github.com/zhaotbj/rea…

启动项目

  • node项目
node app.js 或 npm run dev
默认是3002端口
  • vue项目
cd 进入 client目录下
npm install
npm run serve
  • React后台管理
npm install或 yarn
npm start或 yarn start

技术栈

  • 前端

    • vue
    • React全家桶
  • 后端

    • koa2 + koa-router
    • mongoDB

实现功能

  • 主页+ 列表页+ 侧边栏
  • 富文本 vue2-editor
  • 登录, 注册
  • 删改
  • 标签, 分类
  • 评论