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

React全家桶+koa2实现多人博客~

时间:2023-04-03 13:42:56 Node.js

Full-stack-blog(持续更新笔记)效果Demo(待进一步完善)基于Koa2搭建多人博客功能(登录、注册、上传头像、发布博文、发表评论)参考自https://github.com/nswbmw/N-blog前端使用create-react-app脚手架搭起了react+react-routerv4+redux的全家桶。后端使用koa2+mongodb开发环境开发环境(node需要7.6以上)Nodejs:7.6.0koa:2.0MongoDB:3.2.10目录结构如何运行后端默认配置在config/default.js中请确定本地Mongodb端口27017(默认)可用gitclonehttps://github.com/Sunshine168/Full-stack-Blog.gitcdFull-stack-Blog/myblognpminstall//或yarninstallnpmbuildnodescripts/publish./server//发布到服务器目录cd..cdserver/npminstall//或yarninstallnodeindex//默认端口3305//打开localhost:3305/debug配置前端分离配置(默认不需要配置)(你需要整体运行项目生成cookies)前端修改进入myblog目录进入configenv文件修改'ORIGIN':'http://localhost:3005'//修改本地主机后端并修改server目录下的默认配置文件config/default.js//modifycors,修改为前端运行的域名,默认指向3000端口nodeindex-c总体任务1重写项目框架fromexpress->Koa22Front-end->Engineeredreact.jsTODO[]重写layoutcss[x]2.1多页实践(待更新/字体)[x]2.2Redux实践[x]2.3单页实践[]2.4Server同构[]2.5Immutable[]2.6react动画机制express->koa2当前进度[x]工作目录设置[x]依赖模块[x]配置文件[x]路由Part[x]数据库访问[x]处理react单页重定向注意网络请求