項(xiàng)目源碼地址
系列文章地址：http://www.reibang.com/c/5f7e35ae89be
后端源碼：https://github.com/Rackar/node_blog
前端源碼：https://github.com/Rackar/node_blog_vue
環(huán)境及框架
- mongodb數(shù)據(jù)庫(kù)（本地）
參考上一篇文章：MongoDB壞境搭建屹耐，2分鐘建好數(shù)據(jù)庫(kù)
后端：用express初始化項(xiàng)目（如使用git clone拉取我的代碼净薛，這步就不用做了）
npm install express-generator -g
express node_blog
cd node_blog
npm install
后端：nodemon快速調(diào)試，vs code熱重載
全局安裝工具
npm install -g nodemon
VS調(diào)試配置：點(diǎn)擊launch.json，右下角添加配置噪矛，搜索nodemon。修改啟動(dòng)路徑為express腳手架的默認(rèn)路徑
"program": "${workspaceFolder}\\bin\\www",
現(xiàn)在F5調(diào)試可以一直不管了违寞，保存JS文件時(shí)會(huì)自動(dòng)重啟調(diào)試辱士。
后端：安裝Mongoose
npm install mongoose
連接數(shù)據(jù)交給mongoose，然后按照類似下面這種方式建立User模型徐鹤，之后引入模型然后find垃环、save、update就好返敬。參考簡(jiǎn)書
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') //驗(yàn)證
一些坑：
解決跨域問題
要允許域遂庄，要允許header，要處理option請(qǐng)求劲赠。
app.all('*', function (req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
//Access-Control-Allow-Headers ,可根據(jù)瀏覽器的F12查看,把對(duì)應(yīng)的粘貼在這里就行涛目。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頭信息設(shè)置結(jié)束后，結(jié)束程序往下執(zhí)行凛澎，如果是options請(qǐng)求泌绣，直接返回204允許瀏覽器緊接著發(fā)復(fù)雜請(qǐng)求
if (req.method.toLocaleLowerCase() === 'options') {
res.status(204);
return res.json({}); //直接返回空數(shù)據(jù)，結(jié)束此次請(qǐng)求
} else {
next();
}
});
jwt前后端一致問題
前端加了Bearer +空格预厌，后端就需要用.split(' ')[1]去
后端：設(shè)計(jì)數(shù)據(jù)表結(jié)構(gòu)
按照mongodb盡量不連表查詢的原則阿迈，只設(shè)計(jì)兩個(gè)表，用戶信息表和文章表轧叽。
