react项目实战二 登录注册页面的完成

1、首先是新建项目,并引入相关依赖

新建项目参考博客

https://blog.csdn.net/TH226/article/details/83014317

在开始之前,推荐先学习一下redux的简单使用

https://blog.csdn.net/TH226/article/details/83040004

相关库:

npm install redux --save
npm run eject 展示出所有配置
npm install express --save
npm install -g nodemon //每次修改之后不需要手动重启server.js
npm install mongoose --save
npm install antd-mobile --save
npm install babel-plugin-import --save 按需加载
npm install redux --save
npm install redux-thunk --sava   处理异步操作
npm install react-redux --save  自动连接react和redux


npm install babel-plugin-transform-decorators-legacy --save-dev   装饰器插件
   在package.json中配置 
   "plugins": [
      "transform-decorators-legacy"
    ]
报错:
最后使用
"devDependencies": {
    "@babel/plugin-proposal-decorators": "^7.1.0"
  },
"plugins": [
      [
        "@babel/plugin-proposal-decorators",
        {
          "legacy": true
        }
      ]
    ]
    
npm install react-router-dom --save
npm install axios --save   前后端联调
    配置:"proxy":"http://localhost:9093" 处理跨域请求
npm install cookie-parser --save  使用cookie

2、文件目录结构

文件目录结构


│  .gitignore
│  list.txt
│  package-lock.json
│  package.json
│  README.md
│  
├─config
├─public
├─scripts
├─server
│      model.js
│      server.js
│      user.js
└─src
    │  config.js
    │  index.css
    │  index.js
    │  reducer.j
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值