Question

来自React前端的发布请求。但是，当我尝试在快速路由器下建立的发布请求中访问req.body时，它会简单地记录为[object Object]。初学者程序员的任何帮助非常感谢！

我正在尝试学习如何在express.js应用程序中对路由进行模块化，但是我无法通过POST请求访问req.body。我花了数小时试图找到没有成功的解决方案。

我100％已安装人体分析器。

我的server.js文件：

const express = require('express');
const app = express();
const router = express.Router();
const PORT = process.env.PORT || 4000;

const cors = require('cors');
const bcrypt = require('bcryptjs');
const passport = require('passport');
const bodyParser = require('body-parser')

app.use(bodyParser.urlencoded({ extended: true }))
app.use(bodyParser.json()); //And so on.
app.use(cors());


// ROUTES - Require Routes defined in directory
const productsRoutes = require('./routes/products')

// ROUTES - use routes defined in directory
app.use('/products', productsRoutes);


app.listen(PORT, () => {
  console.log(`listening on PORT ${PORT}`);
})

路线/产品页面：

const express = require('express');
const router = express.Router();
// const bodyParser = require('body-parser')

router.get('/', ( req, res ) => {
 res.status(200).json({message: 'Connected to the products!' });
})

router.post('/', ( req, res ) => {
  console.log(`req.body ${req.body}`);
  res.status(200).json({message: 'Connected products products!' });
})

module.exports = router;

REACT前端：

  componentDidMount(){

     axios.post('http://localhost:4000/products', {
       headers: {searchText: this.state.searchText}
     })
     .then( res => {
       console.log('GOT PRODUCTS', res.data);
       this.setState({ products: res.data})
     })
     .then(json => {
        this.setState({ loading: true });
        setTimeout(() => {
           this.setState({ done: true });
        }, 1000);
     });
  }, 1200);
  }

如果有人知道我如何在router.post（'/ ---'）请求中访问req.body，我将不胜感激

Answer 1

它简单地记录为[object Object] ...

如果您尝试将对象连接到字符串，那会发生什么：

   console.log("you see: " + {});

那是因为{}.toString()返回字符串"[Object object]"。那并不是真的有用。相反，您可以判断将对象本身 传递给console.log，这样可以更优雅地显示它：

  console.log("result :", { it: "works" });

（如果您连接调试器，甚至可以与其进行交互）

req.body无法处理快速路由器发布请求

1 个答案: