使用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的使用
posted @ 2021-01-04 14:29  Viola_left  阅读(102)  评论(0编辑  收藏  举报