react全家桶+koa2实现一个多人博客~

发布时间:2019-06-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react全家桶+koa2实现一个多人博客~脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

Full-stack-blog(不断更新笔记)

效果Demo
(有待进一步完善)
搭建一个基于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

总体任务

1改写项目框架由exPress->Koa2

2前端->工程化的react.js

TODO

  • [ ] 重写布局css

  • [x] 2.1多页面实践(待更新/font)

  • [x] 2.2redux实践

  • [x] 2.3单页面实践

  • [ ] 2.4服务器同构

  • [ ] 2.5Immutable

  • [ ] 2.6react动画机制


exPRess->koa2

目前进度

  • [x] 工作目录设定

  • [x] 依赖模块

  • [x] 配置文件

  • [x] 路由部分

  • [x] 数据库访问

  • [x] 处理react单页重定向

笔记

网络请求

脚本宝典总结

以上是脚本宝典为你收集整理的react全家桶+koa2实现一个多人博客~全部内容,希望文章能够帮你解决react全家桶+koa2实现一个多人博客~所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。