zoukankan      html  css  js  c++  java
  • 使用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的使用
  • 相关阅读:
    python第二十四课——set中的函数
    python第二十三课——dict中的函数
    python第二十二课——list函数
    10 编译PHP并与nginx整合
    09 nginx Rewrite(重写)详细解析
    07 nginx Location之正则匹配
    06 nginx Location详解之精准匹配
    JQ 修改样式
    05 nginx定时任务完成日志切割
    linux 时间与本地时间不对应解决办法
  • 原文地址:https://www.cnblogs.com/viola-sh/p/8907329.html
Copyright © 2011-2022 走看看