使用React+redux+Node.js+MongoDB开发(二)--使用redux
安装MongoDB,电脑是mbp,根据步骤安装好了MongoDB之后,用命令mongod启动数据库的时候,老是报Abort trap: 6,然后shut down。网上也找不到类似的问题,最后重新找了MongoDB的安装资料,发现用brew安装了之后,还得进行环境变量的配置。
环境变量配置参考https://blog.csdn.net/alicelmx/article/details/84099034,
Mongoose文档类型
- String,Number等数据结构
- create、remove、update分别用来增删改的操作
- find和findOne用来查询数据
mongod --config /usr/local/etc/mongod.conf后台启动
express结合mongodb
封装mongoose
新建
Redux是什么
专注于状态管理的库
- Redux专注于状态管理,和react解耦
- 单一状态,单向数据流
- 核心概念:store、state、action、reducer
Redux的使用方法
- 首先通过reducer新建store,随时通过store.getState获取状态
- 需要状态变更,store.dispatch(action)来修改状态
- Reducer函数接受state和action,返回新的state,可以用store.subscribe监听每次修改
//新建store,通过reducer建立,根据老的状态和action生成新的state
redux默认只处理同步,异步任务需要使用redux-thunk中间件
npm install redux-thunk --save
使用applyMiddleware开启thunk中间件
开启thunk之后,action可以返回函数,使用dispatch提交action。
前后端联调
在package.json文件里面设置"proxy",解决跨域的问题
"proxy": "http://localhost:9093"
axios拦截器interceptors的使用