react全家桶+koa2实现一个多人博客
Full-stack-blog
效果Demo
git
(有待进一步完善)
ps(可能目前实现的功能比较简单,还是只有实践才能进步 ~
如果觉得还可以 老哥哥们可以给个star
,如果觉得太粗糙了请大家指点一下啦 在学生自学不易 谢谢各位大佬!)
搭建一个基于react全家桶+Koa2的多人blog
功能(登录注册上传头像,发表博文,发表留言等)
参考自https://github.com/nswbmw/N-blog
前端部分以create-react-app的脚手架搭起react+react-router v4+redux的全家桶
后端采用koa2+mongodb
开发环境
开发环境(node要求 7.6以上) Nodejs:7.6.0 koa:2.0 MongoDB:3.2.10
目录结构
如何运行
后端默认配置在config/default.js中 请确保本地Mongodb 端口27017(默认)可用
git clone https://github.com/Sunshine168/Full-stack-Blog.git
cd Full-stack-Blog/myblog
npm install //or yarn install
npm build
node scripts/publish ./server //发布到server目录中
cd ..
cd server/
npm install //or yarn install
node index //默认3305端口
//open localhost:3305/
调试配置
前后端分离配置(默认不需要配置)
(需要整体运行一下项目产生一下cookies)
前端修改
进入myblog目录进入config的env文件里修改
'ORIGIN':'http://localhost:3005'
//修改一下本地主机
后端修改
进入server目录下
config/default.js//默认配置文件
修改cors,修改成前端运行的域名,默认指向3000端口
node index -c