当前位置: 首页 > 后端技术 > Node.js

vue和egg.js的博客

时间:2023-04-03 21:12:01 Node.js

之前用hexo做自己的博客,后来想做个有背景的博客,所以打算用vue和node试试,于是想出了这个博客。项目地址W-BlogW-Blog是一个基于vue和node的小型博客。前端使用vue,后端使用egg.js,快速启动技术栈。前端:client:vue,iviewadmin:vue,d2admin,element后端:egg.js和mongodb的特点轻量级Markdown编辑器,图片上传七牛支持标签,分类,搜索草稿箱等功能标签云在线地址黄哥的博客图片演示分类和标签搜索文章输入关键词搜索标签云和搜索后台登录文章列表文章搜索文章编辑添加分类添加标签标签修改(同分类)文章修改文章删除,支持垃圾桶草稿桶目录结构│.autod.conf。js│.eslintignore│.eslintrc│.gitignore│.travis.yml│app.js//项目启动前执行,比如写给管理员│appveyor.yml│package.json│README.md│├─app││router.js//服务端路由│││├─controller││admin.js//后台相关控制器││client.js//前台相关控制器││login.js//登录相关控制器││页面。js//页面相关控制器│││├─extend││helper.js│││├─middleware││auth.js//登录验证中间件│││├─model││Article.js//文章模型││类别。js//类别模型││Tag.js//标签模型││User.js//用户模型││├─public│││││├─admin//管理端││├─dist//打包生成目录│││└─src//管理端源文件│││││└─client//用户端││...├─config│config.default.js//项目配置相关│plugin.js│└─test//测试相关└─app└─controllerhome.test.js全局配置module.exports=appInfo=>{return{keys:appInfo.name+'_1432030565447_3632',mongoose:{clients:{blog:{url:'mongodb://127.0.0.1/blog',options:{user:'test',//数据库用户名pass:'test'//数据库密码},}}},//初始化管理员信息user:{userName:'admin',password:'admin',},session:{maxAge:3600*1000,},jwt:{cert:'jsonwebtoken'//jwtsecretkey},/***markdown编辑器的图片上传使用的是七牛存储*所以需要配置七牛的key*/qiniu:{//填写你的七牛这里Niu的AccessKey和SecretKeyak:'',sk:''}}};在本地运行安装MongoDB数据库和Node.js环境#安装服务器依赖npminstall#打开mongodbmongod--dbpath'你的数据库目录'#--auth如果开启密码,需要加上这条命令#runservicenpmrundev#进入前台目录cd./app/public/client/src#安装前台依赖npminstall#运行前台项目npmrundev#进入后台目录cd./app/public/admin/src#安装后台依赖npminstall#运行后台项目npmrundev#可以通过http://127.0.0.1:8080访问#开发阶段直接通过webpack的devserver访问#已经配置了代理请求,可以配置config下的proxyTable改变包#npmrunbuild分别在前台和后台目录下#npminstall--production在项目根目录下#启动npmstart#打包后可以通过#http://127.0.0.1:7001/和http://访问前台和后台127.0.0.1:7001/管理员