项目地址

这个项目是为了学习 node 而建的，从前端到后端一手包办。相对来说，还是有一定难度的，适合有一定编程基础的人进阶学习。

如果有问题，欢迎提 issues

注意，本项目的前后端代码都是放在一起的，前端代码放在 src 目录，后端代码放在 server 目录。

相关文档

• 多个请求下 loading 的展示与关闭
• Vue 实现前进刷新，后退不刷新的效果
• Vue 页面权限控制和登陆验证
• 用 node 搭建个人博客（一）：代码热更新
• 用 node 搭建个人博客（二）：导出模块同时兼容 import 和 require
• 用 node 搭建个人博客（三）：token
• 用 node 搭建个人博客（四）：评论功能
• 用 node 搭建个人博客（五）：数据库

前端页面

• 首页 (index)

  包含内容及标签子页面

• 编辑 (editor)
• 登陆 (login)
• 管理 (manage)

使用的库、框架

前端

• vue
• vue-router
• vuex
• vue-markdown
• iview
• axios

后端

• node
• express
• jsonwebtoken

数据库

• mongodb

测试

• mocha

使用

需要先下载 mongodb，建议按照 windows 安装教程一步步安装。

• mongodb 教程一
• mongodb 教程二

在安装完 mongodb 后，打开 mongod.exe 和 mongo.exe，然后克隆项目

git clone git@github.com:woai3c/node-blog.git

安装依赖

npm i

开发环境 （前端代码热更新，修改完即可查看效果，后端代码修改完需要重启服务）

npm run dev

生产环境 （打包并开启服务，打包过程有点长，需求等待）

npm run build

测试

npm run test

访问地址

http://localhost:8080/