05-个人博客笔记-博客前台展示

后台管理界面搭建好后，很容易在前台展示。这里只列出一些需要注意的地方。详见demo1。前台显示的很多接口不需要token验证varjwt=require('express-jwt');app.use(jwt({secret:'jwt-secret',debug:true}).unless({path:['/user/regiest','/user/login','/admin/login','/works/list','/works/detail']}))///旅游界面忽略401错误报告应用程序。use(function(err,req,res,next){if(err.name==='UnauthorizedError'){if(req.path.indexOf("/tourist")!=-1||req.path.indexOf("/static")!=-1){next()}else{res.status(401).send('无效令牌...');}}});2.回复评论：将回复加入数组并更新数组//回复评论router.post('/reply',(req,res,next)=>{letarticleId=req.body.articleIdletcommentId=req.body.commentIdvarreply=newReply({replyUser:req.body.replyUser,content:req.body.content,acceptUser:req.body.acceptUser,replyTimer:newDate()})Article.findOne({_id:articleId}).then((article)=>{vararr=[]for(l我=0;i{responseData.success=trueresponseData.message='回复成功'res.json(responseData)}).catch((err)=>{responseData.success=falseresponseData.message=err.messageres.json(responseData)})}).catch((err)=>{responseData.success=falseresponseData.message=err.messageres.json(responseData)})})3.vue.js中的$set和数组更新：$set()方法更新时，页面会更新所有data:{arr1=['a','b','c'];arr2=['foo','bar','baz'];}vm.arr1[1]='alpha';vm.$set(vm.arr2,1,'alpha');结果arr1=['a','alpha','b','c'];arr2=['foo','alpha','bar','baz'];项目上传github每次提交都是一个分支在线地址