项目源码地址
系列文章地址：//www.greatytc.com/c/5f7e35ae89be
后端源码：https://github.com/Rackar/node_blog
前端源码：https://github.com/Rackar/node_blog_vue
环境及框架
- mongodb数据库（本地）
参考上一篇文章：MongoDB坏境搭建，2分钟建好数据库
后端：用express初始化项目（如使用git clone拉取我的代码，这步就不用做了）
npm install express-generator -g
express node_blog
cd node_blog
npm install
后端：nodemon快速调试，vs code热重载
全局安装工具
npm install -g nodemon
VS调试配置：点击launch.json，右下角添加配置，搜索nodemon。修改启动路径为express脚手架的默认路径
"program": "${workspaceFolder}\\bin\\www",
现在F5调试可以一直不管了，保存JS文件时会自动重启调试。
后端：安装Mongoose
npm install mongoose
连接数据交给mongoose，然后按照类似下面这种方式建立User模型，之后引入模型然后find、save、update就好。参考简书
var mongoose = require("./index");
var Schema = mongoose.Schema;
var UserSchema = new Schema({
name: {type: String},
mobile: {type: String},
pwd: {type: String}
});
module.exports = mongoose.model('User', UserSchema);
后端：安装jwt
参考csdn
安装npm install jsonwebtoken
使用
token = jwt.sign({id=0}, 'tokenSecret', {expiresIn:time} //生成token加密字符串
result = jwt.verify(token, 'tokenSecret') //验证
一些坑：
解决跨域问题
要允许域，要允许header，要处理option请求。
app.all('*', function (req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
//Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行。jwt需Authorization
res.header('Access-Control-Allow-Headers', 'Origin,X-Requested-With,Content-Type,Accept,Authorization');
res.header('Access-Control-Allow-Methods', '*');
res.header('Content-Type', 'application/json;charset=utf-8');
//header头信息设置结束后，结束程序往下执行，如果是options请求，直接返回204允许浏览器紧接着发复杂请求
if (req.method.toLocaleLowerCase() === 'options') {
res.status(204);
return res.json({}); //直接返回空数据，结束此次请求
} else {
next();
}
});
jwt前后端一致问题
前端加了Bearer +空格，后端就需要用.split(' ')[1]去
后端：设计数据表结构
按照mongodb尽量不连表查询的原则，只设计两个表，用户信息表和文章表。
