【问题标题】:Unable to send front end form values to backend api in react, expressjs app?无法在反应中将前端表单值发送到后端 api,expressjs 应用程序?
【发布时间】:2021-01-26 05:36:41
【问题描述】:

我无法从反应表单中保存数据,但在后端我只能保存猫鼬自动生成的 ID。此 API 未在数据库中保存电子邮件和密码。当我在服务器上进行控制台登录时,它显示的是空对象。请求正文给出空对象。
我的快递 api 路线:

 app.post ('/contact', (req, res) => {
      const { email,password } = req.body;
      const contact = new Contact({
       email,
       password, 
      });
      console.log(req.body);
      contact.save();
      res.send(contact); 
    } )

在前端,在浏览器开发者控制台中我可以得到data

【问题讨论】:

    标签: reactjs express redux mern


    【解决方案1】:

    对于发布数据,您需要body-parser

    var express = require('express')
    var bodyParser = require('body-parser')
    var app = express()
    
    // parse application/x-www-form-urlencoded
    app.use(bodyParser.urlencoded({ extended: false }))
    
    // parse application/json
    app.use(bodyParser.json())
    

    更多详情在这里http://expressjs.com/en/resources/middleware/body-parser.html

    【讨论】:

    • 我已经添加了 body-parser ,这不是问题
    • 那么它可能需要var formidable = require('express-formidable'); 代替?
    猜你喜欢
    • 2020-02-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-27
    • 2021-06-10
    • 1970-01-01
    • 2019-07-20
    • 2021-12-27
    相关资源
    最近更新 更多